當前位置 主頁 > 服務器問題 > win服務器問題匯總 > 最大化 縮小

    對Layer彈窗使用及返回數據接收的實例詳解

    欄目:win服務器問題匯總 時間:2019-10-12 08:34

    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 
     <script src="__PUBLIC__/js/jquery.js"></script>
     <script type="text/javascript" src="__PUBLIC__/js/layer/layer.js"></script>
     
    //點擊事件,彈出窗口
    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 < thisCitys.length; f++) {    	 
    	     	  if($.inArray(thisCitys[f],new_arr)==-1) { 	     	 	 
    	     	 		 new_arr.push(thisCitys[f]); 	     	 	
    	     	  }
    	      }
    	      //去重
    	      for(var i=0;i<new_arr.length; i++){
    	     	 d = isNull(d) ? new_arr[i] : d + ("\n" + new_arr[i])
    	      }
    	       // }
    	     
    	      $("#area").val(d);
    	     
    	     lineTotal('area');
    	    } 
    	    },
    	    error:function(e){
    	     alert("錯誤!!"); 	     
    	    }
    	   }); 
        //最后關閉彈出層
        layer.close(index);
       },
       btn2: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 < thisCitys.length; f++) {    	 
     	     	  if($.inArray(thisCitys[f],new_arr)==-1) { 	     	 	 
     	     	 		 new_arr.push(thisCitys[f]); 	     	 	
     	     	  }
     	      }
     	      //去重
     	      for(var i=0;i<new_arr.length; i++){
     	     	 d = isNull(d) ? new_arr[i] : d + ("\n" + new_arr[i])
     	      }
     	       // }
     	      var str = $("#area").val() + "\n"+d; 	
     	      console.log(str);
     	      $("#area").val(str);
     	     
     	     lineTotal('area');
     	    } 
     	    },
     	    error:function(e){
     	     alert("錯誤!!"); 	     
     	    }
     	   }); 
        //最后關閉彈出層
        layer.close(index);
       },
       cancel: function(){
        //右上角關閉回調
       }
      });
     }
    
    
    
教我怎样炒股