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

相关文章

  • JavaScript实现网页截图功能

    JavaScript实现网页截图功能

    这篇文章主要介绍了JavaScript实现网页截图功能,本文介绍了2款实现JavaScript截图的开源组件,一个是Canvas2Image,一个是html2canvas,需要的朋友可以参考下
    2014-10-10
  • JavaScript使用sort函数实现汉字排序

    JavaScript使用sort函数实现汉字排序

    JavaScript中的sort函数是一个强大且多用途的工具,能够对数组的元素进行排序,而汉字按照拼音排序又是一个常见需求,下面我们就来看看如何使用JavaScript实现汉字排序吧
    2023-12-12
  • JavaScript常用进制转换及位运算实例解析

    JavaScript常用进制转换及位运算实例解析

    这篇文章主要介绍了JavaScript常用进制转换及位运算实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-10-10
  • 简单实现js倒计时功能

    简单实现js倒计时功能

    这篇文章主要为大家详细介绍了js倒计时效果的实现代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • JavaScript图片轮播代码分享

    JavaScript图片轮播代码分享

    这篇文章主要为大家详细介绍了javascript实现图片自动轮播切换特效,图片可以自行替换,推荐给大家,有需要的小伙伴可以参考下
    2015-07-07
  • 简单聊聊JavaScript中的事件循环

    简单聊聊JavaScript中的事件循环

    js的事件循环(event-loop)是我们前端学习中非常重要的一部分,也是面试中经常被问到的点,这篇文章我们就来给大家着重讲解一下吧
    2023-02-02
  • Ajax跨域实现代码(后台jsp)

    Ajax跨域实现代码(后台jsp)

    这篇文章主要介绍了Ajax跨域实现代码(后台jsp),需要的朋友可以参考下
    2017-01-01
  • 详解webpack进阶之插件篇

    详解webpack进阶之插件篇

    这篇文章主要介绍了详解webpack进阶之插件篇,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • 微信小程序swiper实现滑动放大缩小效果

    微信小程序swiper实现滑动放大缩小效果

    这篇文章主要介绍了微信小程序swiper实现滑动放大缩小效果,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-11-11
  • 动态生成js类的实现方法

    动态生成js类的实现方法

    动态生成js类的实现方法...
    2007-03-03

最新评论