jquery實(shí)現(xiàn)動態(tài)創(chuàng)建form并提交的方法示例
本文實(shí)例講述了jquery實(shí)現(xiàn)動態(tài)創(chuàng)建form并提交的方法。分享給大家供大家參考,具體如下:
有時候在寫web 應(yīng)用的時候,需要臨時動態(tài)構(gòu)造一個form 并提交,form 里面的參數(shù)以及action,以及是post請求還是get請求,甚至form 的樣式都是可以指定的,用原生的javascript 肯定可以做到,我用jquery做了一個測試。
我自己測試的是構(gòu)造一個分頁的post請求, 為了防止csrf 攻擊,加入了csrf 驗證,不需要的可以去掉.
function genSearchObj(url,page,pageSize,keyword){ var params = {}; params.url = url; params.page = page; params.pageSize = pageSize; params.cond = keyword; return params; } function mockFormSubmit(params){ var form = $('<form />', {action : params.url, method:"post", style:"display:none;"}).appendTo('body'); $.each(params, function(k, v) { if ( k != "url" ){ form.append('<input type="hidden" name="' + k +'" value="' + v +'" />'); } }); form.append('<input type="hidden" name="csrfToken" value="' + $("#csrf_token").val() + '" />' ); form.submit(); }
這樣就動態(tài)構(gòu)造了一個form ,并提交。
附:js動態(tài)創(chuàng)建Form表單并提交的方法
var dlform = document.createElement('form'); dlform.style = "display:none;"; dlform.method = 'post'; dlform.action = '../fileServlet'; dlform.target = 'callBackTarget'; var hdnFilePath = document.createElement('input'); hdnFilePath.type = 'hidden'; hdnFilePath.name = 'filePath'; hdnFilePath.value = filePath; dlform.appendChild(hdnFilePath); document.body.appendChild(dlform); dlform.submit(); document.body.removeChild(dlform);
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery form操作技巧匯總》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery常用插件及用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
- jquery動態(tài)改變form屬性提交表單
- jQuery動態(tài)設(shè)置form表單的enctype值(實(shí)現(xiàn)代碼)
- jquery實(shí)現(xiàn)ajax提交form表單的方法總結(jié)
- jQuery實(shí)現(xiàn)form表單基于ajax無刷新提交方法詳解
- jquery的ajax提交form表單的兩種方法小結(jié)(推薦)
- Jquery.Form 異步提交表單的簡單實(shí)例
- Jquery基于Ajax方法自定義無刷新提交表單Form實(shí)例
- jQuery實(shí)現(xiàn)數(shù)秒后自動提交form的方法
- jquery中validate與form插件提交的方式小結(jié)
- jQuery改變form表單的action,并進(jìn)行提交的實(shí)現(xiàn)代碼
- jQuery ajax提交Form表單實(shí)例(附demo源碼)
相關(guān)文章
jQuery實(shí)現(xiàn)可編輯表格并生成json結(jié)果(實(shí)例代碼)
這篇文章主要介紹了 jquery實(shí)現(xiàn)可編輯表格并生成json結(jié)果,該代碼解析和加載功能都用前端js實(shí)現(xiàn),簡化了后臺代碼邏輯,非常不錯,具有參考借鑒加載,需要的朋友可以參考下2017-07-07Jquery動態(tài)更改一張位圖的src與Attr的使用
用Jquery想動態(tài)更改一張位圖的src發(fā)現(xiàn)css不好用而attr貌似是能操作所有屬性,包括Jquery未封裝的屬性,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下2013-07-0750 個 jQuery 插件可將你的網(wǎng)站帶到另外一個高度
Query架構(gòu)的開發(fā)人員能夠創(chuàng)建一個插件代碼來擴(kuò)展其功能,從而能夠產(chǎn)生一些最好的插件,讓你的網(wǎng)站或任何給定的項目達(dá)到一個全新的水平。2016-04-04用jquery實(shí)現(xiàn)輸入框獲取焦點(diǎn)消失文字
文本框中經(jīng)常會有提示你輸入的信息,當(dāng)你點(diǎn)擊文本框,提示信息自動消失,下面也為大家介紹下輸入框消失文字的方法,感興趣的朋友可以參考下2013-04-04jquery實(shí)現(xiàn)tr元素的上下移動示例代碼
讓tr元素的上下移動的方法有很多,本文為大家介紹下使用jquery是實(shí)現(xiàn)的,感興趣的朋友可以參考下2013-12-12

jQuery的Ajax用戶認(rèn)證和注冊技術(shù)實(shí)例教程(附demo源碼)