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

 更新时间:2019年09月06日 09:19:43   作者:杨葱儿  
今天小编就为大家分享一篇layui关闭弹窗后刷新主页面和当前更改项的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

如下所示:

  
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关闭弹窗后刷新主页面和当前更改项的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 实用的js 焦点图切换效果 结构行为相分离

    实用的js 焦点图切换效果 结构行为相分离

    行为层是由js来实现的,这里的工作只是搭建了一个简单的骨架,如果要让效果图美观些并符合设计要求,就要发挥css的强大作用了。
    2010-06-06
  • 浅谈JS中的bind方法与函数柯里化

    浅谈JS中的bind方法与函数柯里化

    下面小编就为大家带来一篇浅谈JS中的bind方法与函数柯里化。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • 微信小程序开发实用技巧之数据传递和存储

    微信小程序开发实用技巧之数据传递和存储

    数据传递与存储是我们在日常开发中遇到的再正常不过的一个需求, 这篇文章主要给大家介绍了关于微信小程序开发实用技巧之数据传递和存储的相关资料,需要的朋友可以参考下
    2021-05-05
  • 分析uniapp入门之nvue爬坑记

    分析uniapp入门之nvue爬坑记

    uni-app的nvue说白了就是weex的那一套东西,uni-app集成了weex的 SDK,也就实现了App端的原生渲染能力。本文将介绍uniapp遇到的一些坑,分享给大家。
    2021-06-06
  • JS的拖拽属性draggable详解

    JS的拖拽属性draggable详解

    这篇文章主要介绍了JS的拖拽属性draggable详解,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-04-04
  • chrome原生方法之数组

    chrome原生方法之数组

    由于各浏览器的js实现不同,因此各浏览器的原生对象(这里不涉及DOM实现,当然这也有区别)的原生方法也不尽相同,采用原生方法的好处显而易见,使用兼有效率,而且其中有些方法可能包含在以后的ECMAscript规范中
    2011-11-11
  • Bootstrap多级菜单的实现代码

    Bootstrap多级菜单的实现代码

    这篇文章主要介绍了Bootstrap多级菜单的简单实现代码,需要的朋友可以参考下
    2017-05-05
  • 带你搞懂js的深拷贝

    带你搞懂js的深拷贝

    这篇文章主要为大家介绍了js的深拷贝,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-11-11
  • js操作iframe兼容各种主流浏览器示例代码

    js操作iframe兼容各种主流浏览器示例代码

    遇到了操作iframe的相关问题,其实就是在操作iframe内部某个窗体时,调用父窗体的一个函数,下面与大家分享下操作iframe兼容各种浏览器的方法
    2013-07-07
  • js 中将多个逗号替换为一个逗号的代码

    js 中将多个逗号替换为一个逗号的代码

    这篇文章主要介绍了js 中将多个逗号替换为一个逗号的代码,需要的朋友可以参考下
    2014-06-06

最新评论