layer使用post發送請求加載數據

原文請戳這裏

問題: 

使用layer.open 打開一個彈出框後,(通過屬性 content 加載彈出框中的內容,因爲我 需要在加載彈出框後,發送一個url請求動態加載數據,所以type設置爲2,那麼問題來了,當url的參數過大時,GET 請求就搞不定了,而layer默認就是使用get請求,layer又沒有參數可以設置調整爲POST。

 

解決方案:


重新回到 layer.open 的 type屬性中,因爲 type設置爲 2時,代表當前彈出層爲一個iframe,而發送的請求類型暫時無法修改(雖然我嘗試過打開layer源碼js,把GET請求的都直接修改爲POST,但沒生效),所以只能改變策略。
思路:
1),先使用ajax 發送一個post 請求獲得要展示的結果界面。
2),定義layer.open 的類型爲 1,將結果直接用以頁面層顯示。


解決示例:

$.ajax({
				    	  type: 'POST',
				    	  url: 'http://localhost:8080/test',//發送請求
				    	  data: {param1:p1,param2:p2},
				    	  dataType : "html",
				    	  success: function(result) {
				    		  var htmlCont = result;//返回的結果頁面
				    		  layer.open({
						          type: 1,//彈出框類型
						          title: '傳播層級用戶詳情',
						          shadeClose: false, //點擊遮罩關閉層
						          area : ['60%' , '90%'],
						          shift:1,
						          content: htmlCont,//將結果頁面放入layer彈出層中
						          success: function(layero, index){
						        	  
						          }
						      });
				    	  }
				    	});


 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章