本文實例講述了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程序設計有所幫助。