JQuery .serializeArray() Json 객체에서 액세스 데이터를 얻는 방법

Question

jquery. serializeArray()를 사용하여 <form>에있는 <input>을 모두 가져옵니다. .serializeArray()에서 나온 Json 객체를 jquery에 넣습니다. .data()

Json 객체에서 원하는 데이터를 어떻게 찾을 수 있습니까?

Jquery getJson()에는 URL이 필요하지만 이미 Json Object가 있습니다.

Answer 1

serializeArray()^(docs) 메서드는 JSON 데이터를 만들지 않습니다. 객체의 배열을 만들고 각각은 name과 value 속성을 가지고 있습니다.

데이터를 가져 오는 방법은 필요한 항목에 달려 있습니다. 특정 항목에 직접 액세스하려면 다른 Array 및 Object와 마찬가지로 액세스합니다.

myData[1].value; 

이렇게하면 배열의 두 번째 항목에 value이 표시됩니다.

당신이 그 (것)들을 반복하기 위해 필요한 경우 jQuery.each()^(docs)

$.each(myData, function() { 
    var name = this.name; // the name property in the current iteration 
    var value = this.value; // the value property in the current iteration 

    console.log(name, value); 
}); 

Answer 2

jQuery.serializeArray을 (사용할 수 있습니다)는 Array.prototype.reduce

var formArray = $('#formid).serializeArray(); 
formArray.reduce(function(acc, cur, i) { 
    acc[cur.name] = cur.value; 
    return acc; 
}, {}); 

에

가

[{ 
    name: "a", 
    value: "1" 
},{ 
    name: "b", 
    value: "2" 
},{ 
    name: "c", 
    value: "3" 
},{ 
    name: "d", 
    value: "4" 
},{ 
    name: "e", 
    value: "5" 
} 
] 

이 코드가 의존하는 배열을 반환 이 물체를 산출하기 위해

{ 
    a: "1", 
    b: "2", 
    c: "3", 
    d: "4", 
    e: "5" 
}