Jquery序列化表單轉換成Json

2021-07-26 16:44:15 字數 634 閱讀 8714

今天序列化表單的資料的時候,呼叫原生的jquey的序列化方法,總是報錯400錯誤。原來是因為序列化的物件不是json string.

$(『#form1』).serializearray();會得到下面的陣列

$(『#form1』).serialize();會是下面的字串

username=kobe1134&content=11111

所以需要自己實現json string。

$.fn.serializeobject = function

() ;

var a = this.serializearray();

$.each(a, function

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

} else

});return o;

};

最後呼叫這個方法

data : json.stringify($(「#form1」).serializeobject()),

將Jquery序列化後的表單值轉換成Json

通過 form serialize 可以獲取到序列化的表單值字串 a 1 b 2 c 3 d 4 e 5通過 form serializearray 輸出以陣列形式序列化表單值 值為空 重寫 fn.serializeobject function var a this.serializearray ...

將Jquery序列化後的表單值轉換成Json

於 小朋友有乙個表單,他想以json的方式獲取到表單的內容。小朋友嘗試了以下方式。通過 form serialize 可以獲取到序列化的表單值字串。a 1 b 2 c 3 d 4 e 5 通過 form serializearray 輸出以陣列形式序列化表單值。值為空 統統不滿足小朋友想得到json...

jquery表單序列化

例項 輸出序列化表單值的結果 複製 如下 button click function 定義和用法 serialize 方法通過序列化表單值,建立 url 編碼文字字串。您可以選擇乙個或多個表單元素 比如 input 及 或 文字框 或者 form 元素本身。序列化的值可在生成 ajax 請求時用於 ...