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