아약스 호출의 else 문이 작동하지 않는 경우

Question

어떤 이유에서든 내가 잘못 입력 한 api 검색에서 제외해야하는 if 문은 그 일을하지 않습니다. ajax 요청은 no-results 메시지 div와 함께 올바른 검색 결과로 돌아옵니다.

실제로 아무런 결과가없는 경우 필터를 적용하고 메시지를 표시하는 것으로 보입니다.

$.ajax({ 
    url: "apis/api", 
    type: "get", 
    dataType: "json", 

    success: function(data) { 
    if (data.status == "success") { 
     $("#results").html(data); 
    } else { 
     $("#results").html("<div class='no-results'>No matches.</div>"); 
    } 
    } 
}); 

나는 또한 실제로 다른 조건으로하지 않습니다이 성공 블록, 시도 :

success: function(data) { 
    if ($(document).ajaxSuccess()){ 
     $("#results").html(data); 
    } else { 
     $("#results").html("<div class='no-results'>No matches.</div>"); 
    } 
    } 

나는 반전 시도를 여기

는 성공 로직과 함께 아약스 요청입니다 ! = 그러나 행운이없는 if else 문.

왜 이것이 작동하지 않을지 잘 모르겠습니다. 도와주세요, 고마워요!

Answer 1

외부 API에 대한 호출을 기반으로, 반환되는 개체의 루트 수준에 "상태"특성이 없다고 가정하므로 data.status은 항상 nil을 반환합니다. 이 경우 첫 번째 조건 if (data.status == "success")은 항상 false로 평가되고 두 ​​번째 부분은 평가됩니다. console.log 또는 debugger을 사용하면 반환 한 개체에 포함 된 것을 더 잘 파악한 다음 조건부를 다시 생각해보십시오.

Answer 2

HTML이 어떤 모양인지 모르겠으나 get을 post으로 변경해야 할 수도 있습니다. json도 사용하고 있으므로 json 데이터 배열에 올바른 키를 지정해야합니다.

data.status과 마찬가지로 HTML은 data.html이어야합니다.

$json = array('status' => 'success', 'html' => '<div>Some HTML</div>'); 
echo json_encode($json); 

PHP를 사용하고 있다고 가정하십시오.

$.ajax({ 
    url: "apis/api", 
    type: "post", 
    dataType: "json", 

    success: function(data) { 
    if (data.status == "success") { 
     $("#results").html(data.html); 
    } else { 
     $("#results").html("<div class='no-results'>No matches.</div>"); 
    } 
    } 
}); 

Answer 3

그것은 모두 당신의 if 및 else 가지 서버에 여러 요청을 여러 결과를 얻는 것을 의미 같은 전화에 을 실행하는 것이 불가능합니다.

이것은 사용자가 입력 한 텍스트가 변경 될 때마다 요청을 보내기 때문에 발생했을 가능성이 큽니다. Debouncing JavaScript Methods에 설명 된 것과 유사한 기술을 사용하여 요청을 디버깅해야합니다. 서버 요청이 처리되지 않은 상태에서 사용자가 텍스트를 입력하면 새 요청을 보내기 전에 보류중인 요청을 취소해야합니다.

• https://ivaynberg.github.io/select2/
  (나는 매우 성공적 하나를 사용했습니다) :

  제대로 까다로울 수있다이 모든 처리, 그래서 나는이 작업에 대한 많은 사전 구축의 jQuery 플러그인 중 하나를 사용하는 것이 좋습니다 것

• http://jqueryui.com/autocomplete/
• https://github.com/devbridge/jQuery-Autocomplete
• https://duckduckgo.com/?t=lm&q=jquery+autocomplete