jQuery에서 반환 된 배열 사용 $ .post

Question

DB에서 두 값을 전환하고 다시 jQuery로 반환하는 간단한 코드가 있으므로 apge를 새로 고침 할 필요없이 사용자를 위해 전환 할 수 있습니다.

것은 배열로 반환합니다. console.log는 배열 ok를 표시하지만 배열에서 데이터를 가져 오는 방법을 알지 못합니다. PHP로

반환 :

$data = array($id, $img1, $img2); 
echo json_encode($data); 

jQuery를이 :

$.post("bg_images_ajax.php", "switch=yes&id="+id).done(function(data){ 
    $("#image-left-"+id).attr("src", "/images/backgrounds/"+data[1]).attr("alt", data[1]); 
    $("#image-right-"+id).attr("src", "/images/backgrounds/"+data[2]).attr("alt", data[2]); 
    console.log(data); 
}); 

데이터는 [1] 거의 내가 아약스와 함께 일하는 모든 시간을 일했다, 그러나 여기 그것은 전체 반환 배열을 보이는 간단한 문자열 (데이터 [2]는 배열의 세 번째 문자 인을 반환합니다. [ "6", "blabla", "blalablala"]이 console.log에 의해 반환 됨).

["id" = "6", "img1" = "blabla", "img2" = "blalablala"] 

그리고 내가 필요한 것을 얻을이를 사용하여 : :

나는 배열로 반환하도록 노력

data.img1 

을하지만 이것은 단지 undefined를 반환합니다.

jQuery.post에 대한 페이지를 확인했습니다. http://api.jquery.com/jquery.post/ 하지만 내가 뭘 잘못하고 있는지 알지 못해서 나는 장님이거나 너무 피곤합니다.

추신 : jQuery 코드에 대한 응답 형식을 시도했지만 작동하지 않았습니다. 정확히 어디에 배치 할 것인지, 여기에 표시된 것처럼 두 곳을 시도했습니다. 동시에).

$.post("bg_images_ajax.php", "switch=yes&id="+id, "json").done(function(data){ 
    $("#image-left-"+id).attr("src", "/images/backgrounds/"+data[1]).attr("alt", data[1]); 
    $("#image-right-"+id).attr("src", "/images/backgrounds/"+data[2]).attr("alt", data[2]); 
    console.log(data); 
}, "json"); 

Answer 1

PHP의는

header("Content-Type: application/json"); 

누락 및 text/html를 전송을 디폴트있다.

jQuery는 예상 된 데이터 구조로 JSON을 구문 분석하는 대신 결과를 (잘못된) HTML 문자열로 처리합니다. 대신 (숫자 인덱스로 액세스 할 수 있습니다) 배열로 (이름 속성) 객체를 원하는 경우

---

또한, 당신은 PHP의 연관 배열로 시작해야합니다 :

$data = array("id" => $id, "img1" => $img1, "img2" => $img2);