JSON 응답이

Question

내가 다음과 같습니다 자바 스크립트에서 JSON 응답이 속성에 액세스 할 수 없습니다 :이 데이터는 응답입니다 console.log(data)을 적용한 결과입니다

{"opt1":"2.92","opt2":"4.24","opt3":"6.36"}; 

그러나

success: function(data){ 
      console.log("Ajax succeeded"); 
      console.log(data); 
      console.log(data.opt1); 
     }, 

을, I opt1 값에 액세스 할 수 없습니다. 콘솔에 정의되지 않음이 표시됩니다. 이것이 왜 그런가? JSON이 유효한지 확인했습니다.

EDIT

이 경우에는 서버에 JSON 배열 변환 PHP에로 json_encode 함수를 사용한다. 나는 마지막에 세미콜론을 제거하려고 노력했다. 이것은 여전히 ​​opt1에 대해 정의되지 않은 값을 제공한다. 또한 ajax 호출의 dataType을 설정하여 오류가 발생하여 예기치 않은 문자가 있음을 나타냅니다.

Answer 1

data은 실제로는 문자열, 개체가 아닌 것 같습니다.

두 가지 당신이 수행해야합니다

먼저 : 그 세미콜론이 정말 있다면, 당신이 얻고있는 응답이 유효 JSON 없습니다. 세미콜론 서버 측을 제거하여이를 수정하려고합니다. (단, 아래를 참조하십시오.)

둘째 : 그런 다음 JSON 문자열을 객체로를 직렬화 있는지 확인하는 것이 좋습니다. 서버가 올바른 Content-Type 헤더 (application/json)로 응답하는 경우

1. 그것은 자동으로 수행됩니다 : 여러 가지 방법이 있다고 할 수 있습니다. 이것이 최선의 방법입니다.

2. 그런 경우가 아니고 해당 사항을 적용 할 수없는 경우 전화에 dataType: 'json'을 추가하십시오. 어떤 이유로 당신이 그을 할 수없는 경우

3. 수동 예를 들어, $.parseJSON를 통해 JSON 문자열을 구문 분석 할 수 있습니다 :

   data = $.parseJSON(data); 
   

   은 (parseJSON 행복하게 브라우저의 내장 JSON.parse 사용합니다 그것이 있으면.브라우저가 하나가없는 경우, jQuery를 자체를 사용합니다) 어떤 이유로 당신이 잘못된 ; 서버 측을 제거 할 수없는 경우

---

, 당신은 그것을 해결할 수 있습니다.

1. success에 ajax 전화

2. 에 dataType: 'text'을 추가

   data = $.parseJSON(data.replace(/;$/, '')); 
   

   거기에 있으면 세미콜론이 제거되고 결과가 구문 분석됩니다.

Answer 2

그것은 인해 서버에서 문자열로 돌아 오는 응답에 아마 (내가 같은 문제를 했어) ... 시도 :

success: function(data){ 
    var json = $.parseJSON(data); 
    console.log("Ajax succeeded"); 
    console.log(json); 
    console.log(json.opt1); 
}, 

Answer 3

를 사용하여 기본 통화

json = JSON.parse(data); 

또는 이런 JSON으로 AJAX의 매개 변수를 확인 .. t에서

$.ajax({ 
    url : blahblah, 
    dataType : 'json', 
    ..... 
}); 

을 귀하의 답변은 자동으로 json으로 변환됩니다

Answer 4

시도 jQuery.parseJSON(obj).

jQuery.parseJSON() Takes a well-formed JSON string and returns the resulting JavaScript object. 

이 방법으로 그것을 사용

var str = '{"opt1":"2.92","opt2":"4.24","opt3":"6.36"}'; 
var obj = jQuery.parseJSON(str); 
console.log(obj.opt1);