jQuery 取的表單所有元素值的方法 serialize, serializeArray, serializeObject

我們最常用的方法是 $(form).serialize()，這個方式得到的是一個字串(String)，例如： id=1&name=john&tel=0912345678

若是要變成陣列(Array)，就可以改用 $(form).serializeArray() 這個方法，結果如下：

[
  {name: "aa", value: "100"},
  {name: "bb", value: "good"},
  {name: "cc", value: "123"}
]

但看到這樣子name,value組合，若是要直接運用也是很麻煩，因此若能轉化成物件(Object)也是比較方便的，但可惜的是 jQuery 裡面並沒有這個函數可運用。

不過，我們可以自己延伸 serializeArray 寫一段小程式 serializeObject 來用，程式碼如下：

$.fn.serializeObject = function() {
    var obj = {};
    console.log(this.serializeArray());
    $.each( this.serializeArray() , function() {
        if (obj[this.name] !== undefined) {
            if (!obj[this.name].push) {
                obj[this.name] = [obj[this.name]];
            }
            obj[this.name].push(this.value || '');
        } else {
            obj[this.name] = this.value || '';
        }
    });
    return obj;
};