這篇文章給大家分享的是有關(guān)Layer如何做彈窗使用及返回?cái)?shù)據(jù)接收的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),遼源企業(yè)網(wǎng)站建設(shè),遼源品牌網(wǎng)站建設(shè),網(wǎng)站定制,遼源網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,遼源網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

Layer做為彈窗，主頁面代碼：

注意1. callback()方法 返回字符串，再data:JSON.parse(res)轉(zhuǎn)為ajax提交時(shí)的json參數(shù)

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

//引入js 必須要有（1.8以上版本） jquery 
 
 
 
//點(diǎn)擊事件，彈出窗口
function openCitySelect(){
	 layer.open({
   type: 2, //以frame型式加載content頁面
   title: "設(shè)置區(qū)域",
   shadeClose: true,
   shade: 0.4,
   area: ['90%', '90%'],
   content: "{:U('user/index/citylist')}", //指向頁面
   btn: ['選擇城市','追加城市','關(guān)閉'], //底部按鈕
   yes: function(index){
    //當(dāng)點(diǎn)擊‘選擇城市'按鈕的時(shí)候，獲取彈出層返回的值 
    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 : "請至少選擇一個(gè)地區(qū)",
	      ok : function() {}
	      });
	     });
	    }else {
	      var thisCitys = JSON.parse(data);
	 					var d="";
	 					var new_arr = []; 					
	      for (var f = 0; f < thisCitys.length; f++) {    	 
	     	  if($.inArray(thisCitys[f],new_arr)==-1) { 	     	 	 
	     	 		 new_arr.push(thisCitys[f]); 	     	 	
	     	  }
	      }
	      //去重
	      for(var i=0;i= b) {
 	     Wind.use('artDialog',function(){
 	      art.dialog({
 	      id : "alert",
 	      icon : "error",
 	      content : "請至少選擇一個(gè)地區(qū)",
 	      ok : function() {}
 	      });
 	     });
 	    }else {
 	      var thisCitys = JSON.parse(data);
 	 					var d="";
 	 					var new_arr = []; 					
 	      for (var f = 0; f < thisCitys.length; f++) {    	 
 	     	  if($.inArray(thisCitys[f],new_arr)==-1) { 	     	 	 
 	     	 		 new_arr.push(thisCitys[f]); 	     	 	
 	     	  }
 	      }
 	      //去重
 	      for(var i=0;i
彈窗頁面的代碼:
注意: window.callback 用來將數(shù)據(jù)返回到主頁

 
感謝各位的閱讀！關(guān)于“Layer如何做彈窗使用及返回?cái)?shù)據(jù)接收”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！
            
            
                        

            分享文章：Layer如何做彈窗使用及返回?cái)?shù)據(jù)接收            

            網(wǎng)頁網(wǎng)址：http://weahome.cn/article/pdcsep.html