jquery를 사용하여 JSON 구조를 반복하려는 경우

Question

jquery 및 JSON을 처음 사용합니다. 다음 JSON 구조가 있습니다. 그래서, 내가 무엇을 얻으려고하는 상태를 포함하는 변수와 교외를 포함한 배열이

$.ajax({ 
    type:'POST', 
    url: 'getAddress.php', 
    data:postCode='+postCode', 
    success: function(response) { 
     alert(response) 
    } 
}); 

입니다 :

{ 
    "address":{ 
     "suburb":[ 
     "HACKHAM WEST", 
     "HUNTFIELD HEIGHTS", 
     "ONKAPARINGA HILLS", 
     "m" 
     ], 
     "state":"SA" 
    } 
} 

그래서 기본적으로는 위의이의 응답입니다.

Answer 1

는 유효 Ajax 요청을 확인합니다. $.ajax은이 작업을 수행 할 수 있습니다.

$.ajax({ 
    type:'POST', 
    url: 'getAddress.php', 
    data: 'postCode='+postCode, // make sure this line is correct 
    dataType: 'json', // this tells jQuery to parse it for you 
    success: function(response) { 
     var state = response.address.state; 
     var suburbs = response.address.suburb; 
    } 
}); 

Answer 2

이 트릭

$.ajax({type:'POST', 
    url: 'getAddress.php', 
    dataType: 'json', 
    data:'postCode='+postCode, 
    success: function(response) { 
     var state = response.address.state; 
     var suburbs = response.address.suburb; 
    } 
}); 

추가 dataType:'json'을하고 data 매개 변수를 고정해야한다. 당신은 당신이 얻을 JSON을 구문 분석 할 필요가

$.ajax({ 
    type: "POST", 
    url: "getAddress.php", 
    data: { 
     postCode : postCode   // data as object is preferrable 
    }, 
    dataType: "json",    // to parse response as JSON automatically 
    success: function(response) { 
     var state = response.address.state; 
     var suburbs = response.address.suburb; 
    } 
}); 

Answer 3

: