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 相关文章推荐
漂亮的widgets,支持换肤和后期开发新皮肤(2007-4-27已更新1.7alpha)
Apr 27 Javascript
JavaScript Chart 插件整理
Jun 18 Javascript
javascript运动框架用法实例分析(实现放大与缩小效果)
Jan 08 Javascript
jQuery添加options点击事件并传值实例代码
May 18 Javascript
jQuery中table数据的值拷贝和拆分
Mar 19 Javascript
Angular4实现图片上传预览路径不安全的问题解决
Dec 25 Javascript
vue.js select下拉框绑定和取值方法
Mar 03 Javascript
Chart.js 轻量级HTML5图表绘制工具库(知识整理)
May 22 Javascript
使用validate.js实现表单数据提交前的验证方法
Sep 04 Javascript
Intellij IDEA搭建vue-cli项目的方法步骤
Oct 20 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
Dec 25 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
Nov 09 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
《五等分的花嫁》漫画完结!2020年10月第2期TV动画制作组换血!
2020/03/06 日漫
利用ThinkPHP内置的ThinkAjax实现异步传输技术的实现方法
2011/12/19 PHP
一款简单实用的php操作mysql数据库类
2014/12/08 PHP
php动态添加url查询参数的方法
2015/04/14 PHP
php获取文件类型和文件信息的方法
2015/07/10 PHP
php中的异常和错误浅析
2017/05/03 PHP
PHP实现数组转JSon和JSon转数组的方法示例
2018/06/14 PHP
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
2011/09/26 Javascript
js 三级关联菜单效果实例
2013/08/13 Javascript
jQuery之过滤元素操作小结
2013/11/30 Javascript
javascript中replace( )方法的使用
2015/04/24 Javascript
跟我学习javascript的循环
2015/11/18 Javascript
JS只能输入正整数的简单实例
2016/10/07 Javascript
浅谈node的事件机制
2017/10/09 Javascript
VUE+Element UI实现简单的表格行内编辑效果的示例的代码
2018/10/31 Javascript
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
2019/04/04 Javascript
详解JavaScript作用域、作用域链和闭包的用法
2020/09/03 Javascript
[02:34]2016完美“圣”典风云人物:BurNIng专访
2016/12/10 DOTA
python网络编程学习笔记(八):XML生成与解析(DOM、ElementTree)
2014/06/09 Python
Python比较两个图片相似度的方法
2015/03/13 Python
Python遍历目录的4种方法实例介绍
2015/04/13 Python
Python使用Srapy框架爬虫模拟登陆并抓取知乎内容
2016/07/02 Python
详解Python3 pandas.merge用法
2019/09/05 Python
Python常用编译器原理及特点解析
2020/03/23 Python
详解python命令提示符窗口下如何运行python脚本
2020/09/11 Python
pytorch 把图片数据转化成tensor的操作
2021/03/04 Python
CSS3实现点击放大的动画实例代码
2017/02/27 HTML / CSS
美国东北部户外服装和设备零售商:Eastern Mountain Sports
2016/10/05 全球购物
工业自动化专业毕业生推荐信
2013/11/18 职场文书
金融系应届毕业生求职信
2014/05/26 职场文书
总经理检讨书
2014/09/15 职场文书
电影地道战观后感
2015/06/04 职场文书
色戒观后感
2015/06/12 职场文书
呼兰河传读书笔记
2015/06/30 职场文书
创业方案:赚钱的烧烤店该怎样做?
2019/07/05 职场文书
面试中老生常谈的MySQL问答集锦夯实基础
2022/03/13 MySQL