Form表單獲取資料處理

2021-08-21 21:32:15 字數 1729 閱讀 8041

提交表單填寫的資料

var formdata = $(

'form[id="calculateshipcostform"]').serialize();

var formdataarr = $(

'form[id="calculateshipcostform"]').serializearray();

console.dir(formdata); //通過$(

"#form").serialize()可以獲取到序列化的表單值字串。

console.dir(formdataarr); //通過$(

"#form").serializearray()輸出以陣列形式序列化表單值

將陣列序列化轉為物件

//新增擴充套件函式

$.fn.serializeobject = function

() ;

var a = this.serializearray();

$.each(a, function

() o[this.name].push(this.value || '');

} else

});return o;

};var formdataobj = $('form[id="calculateshipcostform"]').serializeobject();

得到:

var formdatajson = json.stringify(formdataobj);    //將物件轉化為json字串

formdatajson = json.parse(formdatajson); //將json字串轉化為物件

data = $.extend({},formdataobj,data); //json物件合併

總結:注意js中post提交的為json物件。

//獲取資料

var formdata = $('form[id="calculateshipcostform"]').serialize();

var formdataarr = $('form[id="calculateshipcostform"]').serializearray();

var formdataobj = $('form[id="calculateshipcostform"]').serializeobject();

var formdatajson = json.stringify(formdataobj);

console.dir(formdata);

console.dir(formdataarr);

console.dir(formdataobj);

console.dir(formdatajson);

JQuery獲取form表單資料

1.首先頁面的form的所有表單元素需要增加name屬性 資料來源名稱 資料庫型別 mysql oracle 2.獲取表單資料的方式一 let json adddatasourceform serialize console.log json json 輸出 name asd type 13.獲取表...

js獲取form表單所有資料

在html中用js獲取通過get post方法 就是在 後加?a b c d之類 傳過來的表單值。針對大家常用的獲取表單方式,很多時候都是在重複的寫一些 今天給大家貼出來的 可以作為 公用方法直接呼叫。可以提高大家的開發效率。js js functiongetforminfo html body f...

關於form表單資料的獲取

1 關於乙個頁面兩個表單提交資料到資料庫 只需要把提交資料的按鈕設定為不同的class屬性或者id屬性 進行分別的提交,分別寫js 一點也不影響資料的提交 2 核取方塊的資訊的錄入mysql資料庫 給所有的input框設定一樣的class屬性 然後在ajax資料請求的時候 輸入下面的 divclas...