欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery實現(xiàn)動態(tài)創(chuàng)建form并提交的方法示例

 更新時間:2019年05月27日 11:18:35   作者:yihaomen  
這篇文章主要介紹了jquery實現(xiàn)動態(tài)創(chuàng)建form并提交的方法,結合實例形式分析了jQuery form表單創(chuàng)建與提交相關操作技巧,需要的朋友可以參考下

本文實例講述了jquery實現(xiàn)動態(tài)創(chuàng)建form并提交的方法。分享給大家供大家參考,具體如下:

有時候在寫web 應用的時候,需要臨時動態(tài)構造一個form 并提交,form 里面的參數(shù)以及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();
}

這樣就動態(tài)構造了一個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);

更多關于jQuery相關內(nèi)容感興趣的讀者可查看本站專題:《jQuery form操作技巧匯總》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery常用插件及用法總結》、《jQuery擴展技巧總結》、《jQuery表格(table)操作技巧匯總》及《jquery選擇器用法總結

希望本文所述對大家jQuery程序設計有所幫助。

相關文章

  • jQuery限制圖片大小的方法

    jQuery限制圖片大小的方法

    這篇文章主要介紹了jQuery限制圖片大小的方法,對比分析了常見的jQuery限制圖片操作方法及改進方法,具有一定參考借鑒價值,需要的朋友可以參考下
    2016-05-05
  • jQuery的Ajax用戶認證和注冊技術實例教程(附demo源碼)

    jQuery的Ajax用戶認證和注冊技術實例教程(附demo源碼)

    這篇文章主要介紹了jQuery的Ajax用戶認證和注冊技術,結合完整實例較為詳細的分析講解了jQuery中ajax方法實現(xiàn)用戶驗證與注冊的相關技巧與注意事項,并附帶了demo源碼供讀者下載,需要的朋友可以參考下
    2015-12-12
  • 最新評論