使用POST方式彈出窗口的兩種方法示例介紹
更新時間：2014年01月29日 10:34:53 作者：
做一個功能需要彈窗，因為get方式對url的長度有限制,所以必須用post，本文有兩個不錯的方法，大家可以參考下
最近在做一個功能需要彈窗,但是不能用get方式,因為get方式對url的長度有限制,所以必須用post,總結(jié)了兩個方法
1.
var $form1=$("<form action='"+url+"' id='f' name='f' method='post'></form>");
$form1.append($("<input type='hidden' name='"+i+"' value='"+params[i]+"'/>"));
var scriptStr="<script type='text/javascript'>document.f.submit();</script>";
$("body").append($form1);
var newWindow=openwin("",null,800,600);
newWindow.document.write($form1[0].outerHTML+scriptStr);
2.
var $form1=$("<form action='"+url+"' id='f' name='f' target='newWindow1' method='post'></form>");
for(var i in params){
$form1.append($("<input type='hidden' name='"+i+"' value='"+params[i]+"'/>"));
}
$("body").append($form1);
var newWindow=openwin("",'newWindow1',800,600);
$form1.submit();
這兩種方法效果上看都差不太多,都是先彈出一個窗口,然后讓彈出的窗口進行post提交
1.
復(fù)制代碼 代碼如下:
var $form1=$("<form action='"+url+"' id='f' name='f' method='post'></form>");
$form1.append($("<input type='hidden' name='"+i+"' value='"+params[i]+"'/>"));
var scriptStr="<script type='text/javascript'>document.f.submit();</script>";
$("body").append($form1);
var newWindow=openwin("",null,800,600);
newWindow.document.write($form1[0].outerHTML+scriptStr);
2.
復(fù)制代碼 代碼如下:
var $form1=$("<form action='"+url+"' id='f' name='f' target='newWindow1' method='post'></form>");
for(var i in params){
$form1.append($("<input type='hidden' name='"+i+"' value='"+params[i]+"'/>"));
}
$("body").append($form1);
var newWindow=openwin("",'newWindow1',800,600);
$form1.submit();
這兩種方法效果上看都差不太多,都是先彈出一個窗口,然后讓彈出的窗口進行post提交
您可能感興趣的文章:
- Flex控制彈出窗口拖動范圍示例代碼
- 點擊彈出層效果&彈出窗口后網(wǎng)頁背景變暗效果的實現(xiàn)代碼
- 彈出窗口并且此窗口帶有半透明的遮罩層效果
- javascript:window.open彈出窗口的位置問題
- Flex彈出窗口請求Action函數(shù)示例
- js實現(xiàn)彈出窗口、頁面變成灰色并不可操作的例子分享
- JavaScript彈出窗口方法匯總
- ie9下關(guān)閉彈出窗口出現(xiàn)__flash__removeCallback未定義錯誤
- 禁止iframe頁面的所有js腳本如alert及彈出窗口等
- fckeditor粘貼Word時彈出窗口取消的方法
- jQuery實現(xiàn)彈出窗口中切換登錄與注冊表單
- JavaScript實現(xiàn)自動彈出窗口并自動關(guān)閉窗口的方法
- javascript彈出拖動窗口
相關(guān)文章
javascript阻止scroll事件多次執(zhí)行的思路及實現(xiàn)
阻止scroll事件多次執(zhí)行主要是為了解決一些常見網(wǎng)頁特效在js解析時預(yù)期與效果不同，感興趣的朋友可以了解下2013-11-11
JS 退出系統(tǒng)并跳轉(zhuǎn)到登錄界面的實現(xiàn)代碼
這篇文章介紹了退出系統(tǒng)后跳轉(zhuǎn)到登陸頁面的簡單JS代碼，有需要的朋友可以參考一下
2013-06-06 
Bootstrap框架的學(xué)習(xí)教程詳解(二)
Bootstrap，來自 Twitter，是目前最受歡迎的前端框架。本文給大家介紹Bootstrap框架的學(xué)習(xí)教程詳解，對bootstrap框架感興趣的朋友跟著小編一起學(xué)習(xí)吧
2016-10-10 
JavaScript實現(xiàn)table切換的插件封裝
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)table切換的插件封裝，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10 
在移動設(shè)備上將某張圖片擦掉顯示另一張圖片，利用canvas來實現(xiàn)這篇文章就為大家詳細介紹了js canvas實現(xiàn)擦除動畫的相關(guān)資料，感興趣的小伙伴們可以參考一下
2016-07-07 
星級選擇器在網(wǎng)上會搜到很多類似的代碼，不過實現(xiàn)起來相對比較復(fù)雜，在本文將為大家介紹的是使用js簡單的實現(xiàn)下，感興趣的朋友不要錯過
2013-10-10 
javascript瀏覽器窗口之間傳遞數(shù)據(jù)的方法
這篇文章主要介紹了javascript瀏覽器窗口之間傳遞數(shù)據(jù)的方法,實例分析了父窗口與子窗口之間傳遞參數(shù)的使用技巧,非常具有實用價值,需要的朋友可以參考下
2015-01-01 
這篇文章主要給大家介紹了關(guān)于JS將圖片轉(zhuǎn)Base64的2種方法,base64 其實是一種編碼轉(zhuǎn)換方式,將ASCII字符轉(zhuǎn)換成普通文本,是網(wǎng)絡(luò)上最常見的用于傳輸8Bit字節(jié)代碼的編碼方式之一,需要的朋友可以參考下
2024-05-05 
JavaScript中的splice主要用來對js中的數(shù)組進行操作，包括刪除，添加，替換等。這篇文章主要介紹了JavaScript中的splice方法用法詳解的相關(guān)資料,需要的朋友可以參考下
2016-07-07