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

今天小编就为大家分享一篇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 οnclick="show_img(this)">\n' + '\t\t\t\t\t < img src="'https://www.jb51.net/+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关闭弹窗后刷新主页面和当前更改项的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/be4b9c2deb8078e2e92dd4085d9074d6.html