아약스 데이터 필터링이 작동하지 않습니다.

Question

아약스 응답에서 div의 콘텐츠를 가져 오려고하지만 해당 div가 아닌 다른 div와 동일한 콘텐츠가 반환됩니다.

$.ajax({ 
url:'test', 
type:'POST', 
data:{id:id}, 
cache:false, 
success: function(data){ 
    $('#resp_top').html(data).find('#top');// this one works 
    $('#resp_bot').html(data).find('#bottom');// this returns the same content as the above 
    //$('#resp_bot').html($(data).filter('#bottom')); I have also tried this but doesn't work 
} 
}) 

PHP는 당신이 단지에 모든 데이터 마사지 또는 필터링을 수행하지 않고있는 div에 대한 데이터의 내용을 할당하는 것처럼 보이는

... 
echo "<div id='top'>".$top_content."</div>"; 
echo "<div id='bottom'>".$bottom_content."</div>"; 

Answer 1

.

$('#resp_top').html(data).find('#top') 

resp_top ID의 HTML에 데이터 개체를 추가합니다.

$('#resp_bot').html(data).find('#bottom'); 

resp_bot ID의 HTML에 SAME 데이터 개체를 추가합니다.

find는 DOM 조작을 수행하지 않고 그냥 요소를 찾고 아무것도 수행하지 않습니다.

당신은 더 나은 다음을 할당, 데이터를 먼저 마사지가 제공 될 것입니다 :

$('#resp_top').html($(data).find('#top')); 
$('#resp_bot').html($(data).find('#bottom')); 

이것은 위/아래는 ID와 같은 데이터 객체에 있다고 가정합니다.

Answer 2

두 반환 값과 JSON 배열을 반환 사용해보십시오 :

자바 스크립트 :

$.ajax({ 
url:'test', 
type:'POST', 
data:{id:id}, 
dataType:'json', 
cache:false, 
success: function(data){ 
    $('#resp_top').html(data[0]).find('#top'); 
    $('#resp_bot').html(data[1]).find('#bottom'); 
} 
}) 

PHP :

echo "<div id='top'>".$top_content."</div>"; 
echo "<div id='bottom'>".$bottom_content."</div>"; 
echo json_encode(array("<div id='top'>".$top_content."</div>", "<div id='bottom'>".$bottom_content."</div>"));