本文實(shí)例講述了jquery實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建form并提交的方法。分享給大家供大家參考，具體如下：
10年建站經(jīng)驗(yàn)， 成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)客戶的見證與正確選擇。創(chuàng)新互聯(lián)提供完善的營銷型網(wǎng)頁建站明細(xì)報(bào)價(jià)表。后期開發(fā)更加便捷高效，我們致力于追求更美、更快、更規(guī)范。
有時(shí)候在寫web 應(yīng)用的時(shí)候，需要臨時(shí)動(dòng)態(tài)構(gòu)造一個(gè)form 并提交，form 里面的參數(shù)以及action,以及是post請求還是get請求，甚至form 的樣式都是可以指定的，用原生的javascript 肯定可以做到，我用jquery做了一個(gè)測試。
我自己測試的是構(gòu)造一個(gè)分頁的post請求, 為了防止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 = $('', {action : params.url, method:"post", style:"display:none;"}).appendTo('body');
$.each(params, function(k, v) {
if ( k != "url" ){
form.append('');
}
});
form.append('' );
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é)》
希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。
