JQuery.ajax의 이상한 동작

Question

아래 코드는 JQuery UI를 사용하여 생성 된 자동 완성 입력의 일부입니다. 하지만 제 질문은 JQuery-AJAX 부분에만 관련되어 있습니다.

change: function(event, ui){ 
$.ajax({ 
type: "POST", 
url: "includes/c_t_v_choices.php", 
data: { filter: ui.item.value }, 
//dataType: "JSON", 
}).done(function(msg) { 
    c_t_v_choices = msg; 
    alert("Data Saved: " + c_t_v_choices); 
    $("#c_t_v").autocomplete("option", "source", c_t_v_choices); 
}); 

c_t_v.php 파일의 마지막 줄은 다음 코드는 현재

echo json_encode($return_arr); 

방법, 나는 PHP 파일에 의해 전송 된 경고에 유효한 데이터를 참조하십시오. 예는 다음과 같습니다

그러나

Data Saved: [{"label", "value"}, {"label", "value"}...] 

, 내가 줄 사용할 때 :

Data Saved: [object: Object], [object: Object] 

왜 이런 이상한 행동 :

dataType: "JSON", 

내가 같은 것을 볼 수 있습니까? 보조 노트에

, $ ("#의 c_t_v") 자동 완성 내가 (위의 코드의 일부입니다) 아래의 코드에서 제공하고있는 소스 받아들이는 왜 어떤 생각 :.

$("#c_t_v").autocomplete("option", "source", c_t_v_choices); 

Answer 1

Data Saved: [{"label", "value"}, {"label", "value"}...] 

을

다음과 같이이 데이터에 로그온하십시오 : console.log(typeof your_data_var) - 문자열입니까?

JSON을 지정하면 jQuery는 반환 된 json STRING을 객체 배열로 변환하므로 점 표기법을 사용하여 json 계층 구조에 쉽게 액세스 할 수 있습니다. Parent.child.something.

그것은이다 당신이 당신이 console.log를 사용하는 것이 좋습니다 아니며, console.dir 편리하게 할 수 있습니다 경우 배열 :

이

PS를 사용하는 것보다 조회 더 우아하고 빠른로 JQuery와 JSON 응답을 처리하는 일반적인 방법 배열/객체를 찾고 Firebug를 검사하여 객체와 그 내용을 더 잘 이해할 수 있습니다.