本文實例講述了jquery實現動態創建form并提交的方法。分享給大家供大家參考，具體如下：
有時候在寫web 應用的時候，需要臨時動態構造一個form 并提交，form 里面的參數以及action,以及是post請求還是get請求，甚至form 的樣式都是可以指定的，用原生的javascript 肯定可以做到，我用jquery做了一個測試。
我自己測試的是構造一個分頁的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();}這樣就動態構造了一個form ,并提交。
附：js動態創建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);更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jQuery form操作技巧匯總》、《jQuery操作json數據技巧匯總》、《jQuery常用插件及用法總結》、《jQuery擴展技巧總結》、《jQuery表格(table)操作技巧匯總》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
新聞熱點
疑難解答
