jquery實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建form并提交的方法示例
本文實(shí)例講述了jquery實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建form并提交的方法。分享給大家供大家參考,具體如下:
有時(shí)候在寫(xiě)web 應(yīng)用的時(shí)候,需要臨時(shí)動(dòng)態(tài)構(gòu)造一個(gè)form 并提交,form 里面的參數(shù)以及action,以及是post請(qǐng)求還是get請(qǐng)求,甚至form 的樣式都是可以指定的,用原生的javascript 肯定可以做到,我用jquery做了一個(gè)測(cè)試。
我自己測(cè)試的是構(gòu)造一個(gè)分頁(yè)的post請(qǐng)求, 為了防止csrf 攻擊,加入了csrf 驗(yàn)證,不需要的可以去掉.
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(); }
這樣就動(dòng)態(tài)構(gòu)造了一個(gè)form ,并提交。
附:js動(dòng)態(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é)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
- jquery動(dòng)態(tài)改變form屬性提交表單
- jQuery動(dòng)態(tài)設(shè)置form表單的enctype值(實(shí)現(xiàn)代碼)
- jquery實(shí)現(xiàn)ajax提交form表單的方法總結(jié)
- jQuery實(shí)現(xiàn)form表單基于ajax無(wú)刷新提交方法詳解
- jquery的ajax提交form表單的兩種方法小結(jié)(推薦)
- Jquery.Form 異步提交表單的簡(jiǎn)單實(shí)例
- Jquery基于Ajax方法自定義無(wú)刷新提交表單Form實(shí)例
- jQuery實(shí)現(xiàn)數(shù)秒后自動(dòng)提交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),簡(jiǎn)化了后臺(tái)代碼邏輯,非常不錯(cuò),具有參考借鑒加載,需要的朋友可以參考下2017-07-07Jquery動(dòng)態(tài)更改一張位圖的src與Attr的使用
用Jquery想動(dòng)態(tài)更改一張位圖的src發(fā)現(xiàn)css不好用而attr貌似是能操作所有屬性,包括Jquery未封裝的屬性,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下2013-07-0750 個(gè) jQuery 插件可將你的網(wǎng)站帶到另外一個(gè)高度
Query架構(gòu)的開(kāi)發(fā)人員能夠創(chuàng)建一個(gè)插件代碼來(lái)擴(kuò)展其功能,從而能夠產(chǎn)生一些最好的插件,讓你的網(wǎng)站或任何給定的項(xiàng)目達(dá)到一個(gè)全新的水平。2016-04-04用jquery實(shí)現(xiàn)輸入框獲取焦點(diǎn)消失文字
文本框中經(jīng)常會(huì)有提示你輸入的信息,當(dāng)你點(diǎn)擊文本框,提示信息自動(dòng)消失,下面也為大家介紹下輸入框消失文字的方法,感興趣的朋友可以參考下2013-04-04jQuery表單元素過(guò)濾選擇器用法實(shí)例分析
這篇文章主要介紹了jQuery表單元素過(guò)濾選擇器用法,結(jié)合實(shí)例形式分析了jQuery表單元素過(guò)濾選擇器針對(duì)表單元素匹配相關(guān)操作技巧,需要的朋友可以參考下2019-02-02jQuery實(shí)現(xiàn)密?;コ鈫?wèn)題解決方案
密保通常都會(huì)有n個(gè)問(wèn)題,讓用戶選擇其中2、3個(gè),而且都不會(huì)讓用戶選擇重復(fù)的問(wèn)題。這就要求密?;コ?,具體實(shí)現(xiàn)如下,有此需求的朋友可以參考下2013-08-08jquery實(shí)現(xiàn)tr元素的上下移動(dòng)示例代碼
讓tr元素的上下移動(dòng)的方法有很多,本文為大家介紹下使用jquery是實(shí)現(xiàn)的,感興趣的朋友可以參考下2013-12-12

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