对Layer弹窗使用及返回数据接收的实例详解

今天小编就为大家分享一篇对Layer弹窗使用及返回数据接收的实例详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

Layer做为弹窗,主页面代码:

注意1. callback()方法 返回字符串,再data:JSON.parse(res)转为ajax提交时的json参数

注意2. textarea 上使用append方法没有效果,改写: var str = $("#area").val() + “\n”+d; $("#area").val(str);

 //引入js 必须要有(1.8以上版本) jquery  //点击事件,弹出窗口 function openCitySelect(){ layer.open({ type: 2, //以frame型式加载content页面 title: "设置区域", shadeClose: true, shade: 0.4, area: ['90%', '90%'], content: "{:U('user/index/citylist')}", //指向页面 btn: ['选择城市','追加城市','关闭'], //底部按钮 yes: function(index){ //当点击‘选择城市'按钮的时候,获取弹出层返回的值 var res = window["layui-layer-iframe" + index].callback(); //打印返回的值,看是否有我们想返回的值。 $.ajax({ url:"{:U('user/index/getListOfCity')}", type:"post", data:JSON.parse(res), success:function(data){ //console.log(data); var a = JSON.parse(data); b = a.length; if (0 >= b) { Wind.use('artDialog',function(){ art.dialog({ id : "alert", icon : "error", content : "请至少选择一个地区", ok : function() {} }); }); }else { var thisCitys = JSON.parse(data); var d=""; var new_arr = []; for (var f = 0; f = b) { Wind.use('artDialog',function(){ art.dialog({ id : "alert", icon : "error", content : "请至少选择一个地区", ok : function() {} }); }); }else { var thisCitys = JSON.parse(data); var d=""; var new_arr = []; for (var f = 0; f 

弹窗页面的代码:

注意: window.callback 用来将数据返回到主页

 

以上这篇对Layer弹窗使用及返回数据接收的实例详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持html中文网。

以上就是对Layer弹窗使用及返回数据接收的实例详解的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程