반응형
jQuery를 사용하여 JSON 배열에 대한 루프 및 키 / 값 쌍 가져 오기
JSON 배열을 반복하고 키와 값을 표시하려고합니다.
다음 게시물의 단순화 된 버전이어야하지만 올바른 구문이없는 것 같습니다. jQuery 'each'loop with JSON array
또한 jQuery를 사용하여 JSON에서 키 / 값 쌍의 키 이름 가져 오기 게시물 을 보셨습니까? ,하지만 간단한 활동을위한 많은 코드처럼 보였습니다.
이것은 내가 찾고있는 것을 보여줍니다 (그러나 작동하지 않습니다).
var result = '{"FirstName":"John","LastName":"Doe","Email":"johndoe@johndoe.com","Phone":"123 dead drive"}';
$.each(result, function(k, v) {
//display the key and value pair
alert(k + ' is ' + v);
});
필수 jQuery 요구 사항은 없지만 사용할 수 있습니다. 필요한 코드를 줄이면 JSON을 재구성 할 수도 있습니다.
JSON 직렬화 된 JavaScript 객체를 나타내는 문자열이 있습니다. 속성을 반복하려면 먼저 JavaScript 객체로 역 직렬화해야합니다. 그렇지 않으면이 문자열의 각 개별 문자를 반복합니다.
var resultJSON = '{"FirstName":"John","LastName":"Doe","Email":"johndoe@johndoe.com","Phone":"123 dead drive"}';
var result = $.parseJSON(resultJSON);
$.each(result, function(k, v) {
//display the key and value pair
alert(k + ' is ' + v);
});
라이브 데모 .
var obj = $.parseJSON(result);
for (var prop in obj) {
alert(prop + " is " + obj[prop]);
}
다음과 같은 배열 하나의 경우 직접 값을 가져올 수 있습니다.
var resultJSON = '{"FirstName":"John","LastName":"Doe","Email":"johndoe@johndoe.com","Phone":"123 dead drive"}';
var result = $.parseJSON(resultJSON);
result['FirstName']; // return 'John'
result['LastName']; // return ''Doe'
result['Email']; // return 'johndoe@johndoe.com'
result['Phone']; // return '123'
다음은 JSON 반환 문자열에 대해 작동합니다. 데이터의 연관 배열에도 작동합니다.
for (var key in data)
alert(key + ' is ' + data[key]);
JSON 문자열을 구문 분석하고 키를 반복 할 수 있습니다.
var resultJSON = '{"FirstName":"John","LastName":"Doe","Email":"johndoe@johndoe.com","Phone":"123 dead drive"}';
var data = JSON.parse(resultJSON);
for (var key in data)
{
//console.log(key + ' : ' + data[key]);
alert(key + ' --> ' + data[key]);
}
이 문제에 대한 최상의 완벽한 솔루션 :
Ajax 성공 응답으로 jQuery를 시도했지만 작동하지 않아서 내 자신을 발명했고 마침내 작동합니다!
var rs = '{"test" : "Got it perfect!","message" : "Got it!"}';
eval("var toObject = "+ rs + ";");
alert(toObject.message);
참고 URL : https://stackoverflow.com/questions/7861032/loop-and-get-key-value-pair-for-json-array-using-jquery
반응형
'Programing' 카테고리의 다른 글
IPython 노트북 셀 다중 출력 (0) | 2020.12.10 |
---|---|
Django Admin : 하나의 모델 필드에만 사용자 정의 위젯 사용 (0) | 2020.12.10 |
두 색상 사이의 중간 색상을 얻으려면 어떻게해야합니까? (0) | 2020.12.10 |
Swift를 사용하여 IOS 8의 Numpad에 "완료"버튼을 추가하는 방법은 무엇입니까? (0) | 2020.12.10 |
리프트의 SiteMap (entries : _ *)에서 콜론, 밑줄 및 별표의 의미는 무엇입니까? (0) | 2020.12.09 |