jQuery $ .each를 사용하여이 작업을 반복하는 방법을 모르겠다. JSON

Question

내 서버에서 JSON을 가져오고 웹 페이지에서 입력 상자의 값을 설정하려고한다. JSON 쌍은 입력의 ID와 값입니다. 실제 JSON은 더 이상 하나의 객체 이상의 키 값 쌍 될 것입니다

[{"city":"Rochester, Monroe County","country":"US","streetAddress":"12 Gibbs Street"}] 

같은 테스트 JSON 보인다.

이 하드 코딩 된 문을 사용할 때 입력 값이 설정됩니다.

$('#city').val(responseParsed[0].city); //this sets the city input to a value 

저는 $ .each로 확장/자동화하려고했습니다. 나는 그것을 사용하는 법을 배우려하고있다. 나는 그것의 걸림 새를 다만 얻을 수 없다. 나는 많은 시도 끝에 현재, 밀도가 높다고 느낍니다. 아약스의 성공 옵션 코드는 다음과 같습니다.

success: function (response) {  
    if (response) { 
     responseParsed = JSON.parse(response); 
     $.each(responseParsed, function(key, value){ 
      $('#key').val(responseParsed[0].key); 
      console.log($('#key').val(responseParsed[0].key) + '|eachItem'); // [object Object]|eachItem only once & input values do not change 
     }); 
    } 

Answer 1

당신은 당신의 $.each 내부 responseParsed를 사용할 필요가 없습니다. 이것이 key 및 value 매개 변수의 의미입니다.

value (또는 this)은 배열의 현재 요소입니다. 내가 생각

$.each(responseParsed, function(index, data){ 
    $.each(data, function(key, value){ 
     $('#'+key).val(value); 
     console.log(key, value); 
    }); 
}); 

Answer 2

당신이 원하는 :

success: function (response) {  
    if (response) { 
     responseParsed = JSON.parse(response); 
     $.each(responseParsed[0], function(key, value){ 
      $('#' + key).val(value); 
     }); 
    }