微客导航 » 文章资讯 » 对Layer弹窗使用及返回数据接收的实例详解

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

2023-08-13 15:05:05 399

Layer做为弹窗，主页面代码：

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

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

//引入js必须要有（1.8以上版本）jquery



//点击事件，弹出窗口
functionopenCitySelect(){
	layer.open({
type:2,//以frame型式加载content页面
title:"设置区域",
shadeClose:true,
shade:0.4,
area:['90%','90%'],
content:"{:U('user/index/citylist')}",//指向页面
btn:['选择城市','追加城市','关闭'],//底部按钮
yes:function(index){
//当点击‘选择城市'按钮的时候，获取弹出层返回的值
varres=window["layui-layer-iframe"+index].callback();
//打印返回的值，看是否有我们想返回的值。
$.ajax({
	url:"{:U('user/index/getListOfCity')}",
	type:"post",
	data:JSON.parse(res),
success:function(data){	
	//console.log(data);
	vara=JSON.parse(data);
	b=a.length;
	if(0>=b){
	Wind.use('artDialog',function(){
	art.dialog({
	id:"alert",
	icon:"error",
	content:"请至少选择一个地区",
	ok:function(){}
	});
	});
	}else{
	varthisCitys=JSON.parse(data);
						vard="";
						varnew_arr=[];					
	for(varf=0;f=b){
	Wind.use('artDialog',function(){
	art.dialog({
	id:"alert",
	icon:"error",
	content:"请至少选择一个地区",
	ok:function(){}
	});
	});
	}else{
	varthisCitys=JSON.parse(data);
						vard="";
						varnew_arr=[];					
	for(varf=0;f
弹窗页面的代码:
注意:window.callback用来将数据返回到主页




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

返回顶部
3162201930
czq8825@qq.com

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

热门推荐

随机推荐