layui关闭弹窗后刷新主页面和当前更改项的例子


Posted in Javascript onSeptember 06, 2019

如下所示:

function open(t){
    var id = $(t).attr("data-id");
    var url = "{:U('home/.../...')}&id="+id;
    //弹出层
    layer.open({
      ...
      content: url, //弹窗打开的url
      end:function(){
      	location.reload();//弹出层结束后,刷新主页面
      }
      ...
    });
  }

关闭弹窗后,只刷新当前更改的那一项。(关闭弹窗后重新再获取新数据出来去更改那一项,而不是整个主页面)

end:function () {
     console.dir(id)
     $.post('{:U("api/goods/ajax_goods")}',{'id':id},function(data){
       if(data.success){
//         console.dir(data)
//         layer.msg("设置成功");
         var na = $(t).parent().parent().parent().parent().find("td[data-field='img']").children().html('<div style="height:50px;width:50px;overflow:hidden;cursor:pointer;" οnclick="show_img(this)">\n' +
           '\t\t\t\t\t  < img style="height:100%;width:100%;" src="'+data[0].img+'" src1="'+data[0].img1+'" src2="'+data[0].img2+'" />\n' +
           '\t\t\t\t\t </div>');
       }else{
         layer.msg("设置失败");
       }
     });
 
 
//console.log(na)
   },

以上这篇layui关闭弹窗后刷新主页面和当前更改项的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS Map 和 List 的简单实现代码
Jul 08 Javascript
JS替换字符串中字符即替换全部而不是第一个
Jun 04 Javascript
JS实现Fisheye效果动感放大菜单代码
Oct 21 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
Oct 29 Javascript
正则 js分转元带千分符号详解
Mar 08 Javascript
JavaScript 实现 Tab 点击切换实例代码
Mar 25 Javascript
javascript实现二叉树的代码
Jun 08 Javascript
详解Vue.js v-for不支持IE9的解决方法
Dec 29 Javascript
Node.js原生api搭建web服务器的方法步骤
Feb 15 Javascript
vue离开当前页面触发的函数代码
Sep 01 Javascript
简单谈谈offsetleft、offsetTop和offsetParent
Dec 04 Javascript
详解ES6实现类的私有变量的几种写法
Feb 10 Javascript
layui关闭层级、简单监听的实例
Sep 06 #Javascript
layui表格内容溢出的解决方法
Sep 06 #Javascript
layui表格 列自动适应大小失效的解决方法
Sep 06 #Javascript
vue中 this.$set的用法详解
Sep 06 #Javascript
在layui中select更改后生效的方法
Sep 05 #Javascript
layui select 禁止点击的实现方法
Sep 05 #Javascript
layui表单验证select下拉框实现验证的方法
Sep 05 #Javascript
You might like
谈谈PHP语法(2)
2006/10/09 PHP
echo, print, printf 和 sprintf 区别
2006/12/06 PHP
php下通过伪造http头破解防盗链的代码
2010/07/03 PHP
PHP中CheckBox多选框上传失败的代码写法
2017/02/13 PHP
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
2011/04/06 Javascript
IE下使用cloneNode注意事项分享
2012/11/22 Javascript
jquery实现的图片点击滚动效果
2014/04/29 Javascript
利用jquery制作滚动到指定位置触发动画
2016/03/26 Javascript
javascript制作照片墙及制作过程中出现的问题
2016/04/04 Javascript
用jQuery旋转插件jqueryrotate制作转盘抽奖
2017/02/10 Javascript
Javascript创建类和对象详解
2017/05/31 Javascript
Vue项目全局配置微信分享思路详解
2018/05/04 Javascript
浅谈react性能优化的方法
2018/09/05 Javascript
微信小程序 wx:for 与 wx:for-items 与 wx:key的正确用法
2020/05/19 Javascript
通过C++学习Python
2015/01/20 Python
Python基础篇之初识Python必看攻略
2016/06/23 Python
浅谈flask截获所有访问及before/after_request修饰器
2018/01/18 Python
解决PyCharm同目录下导入模块会报错的问题
2018/10/13 Python
pytorch torch.nn.AdaptiveAvgPool2d()自适应平均池化函数详解
2020/01/03 Python
基于Pytorch SSD模型分析
2020/02/18 Python
Django更新models数据库结构步骤
2020/04/01 Python
解决tensorflow/keras时出现数组维度不匹配问题
2020/06/29 Python
python怎么自定义捕获错误
2020/06/29 Python
浅谈python出错时traceback的解读
2020/07/15 Python
python可视化分析的实现(matplotlib、seaborn、ggplot2)
2021/02/03 Python
世嘉游戏英国官方商店:SEGA Shop UK
2019/09/20 全球购物
自荐信要包含哪些内容
2013/11/06 职场文书
公务员个人自我评价分享
2013/11/06 职场文书
服装设计专业毕业生推荐信
2013/11/09 职场文书
汽车维修与检测专业应届生求职信
2013/11/12 职场文书
住房公积金接收函
2014/01/09 职场文书
秋季运动会表扬稿
2014/01/16 职场文书
希特勒经典演讲稿
2014/05/19 职场文书
服务宗旨标语
2014/07/01 职场文书
2015年外联部工作总结
2015/04/03 职场文书
宾馆安全管理制度
2015/08/06 职场文书