omdb api 결과가 없습니다.

Question

결과가없는 영화를 검색 할 때 집에서 프로젝트에 omdb api를 사용하고 있는데, 이전의 성공적인 검색에서 세부 정보 (제목, 연도, 음모 등)와 깨진 이미지가 표시됩니다. .

동영상을 찾지 못하면 아무것도 표시하지 않으려 고하고 있습니다. 이것이 가능한가?

나는 Javascript와 Json에 대한 지식이 매우 부족하지만 얼마 동안 여러 가지를 시도해 왔지만 해결할 수 없습니다. 어떤 도움이라도 대단히 감사 할 것입니다. 다음과 같이 실패한 쿼리에

var $Form = $('#omdbform'), $Container = $('#containera'); 
$Container.hide(); 
$Form.on('click', function(p_oEvent){ 
    var sUrl, sMovie, oData; 
    p_oEvent.preventDefault(); 
sMovie = $Form.find('#moviename').val(); 
    sUrl = 'https://www.omdbapi.com/?t=' + sMovie + '' 
    $.ajax(sUrl, { 
     complete: function(p_oXHR, p_sStatus){ 
      oData = $.parseJSON(p_oXHR.responseText); 
      console.log(oData); 
      $Container.find('.title').text(oData.Title); 
      $Container.find('.plot').text(oData.Plot); 
      $Container.find('.poster').html('<img src="' + oData.Poster + '" alt=""/>'); 
      $Container.find('.year').text(oData.Year); 
      $Container.find('.rated').text(oData.Rated); 
      $Container.show(); 
     } 
    });  
}); 

Answer 1

이 API는 응답 : 내가하려고 일을 그것을 엉망 전에

여기 내 코드의 상태 코드 200와

{"Response":"False","Error":"Movie not found!"} 

, 그래서 당신은에서 몸을 확인해야합니다 응답.

편집 : 당신은 응답 객체와 검사에 hasOwnProperty 방법을 사용할 수 있습니다

이 객체가 title 속성이있다, 다음, 아무것도하지 않고 다른 경우 Container.show()를 호출하거나 DOM에서 어떤 결과에 대한 정보를 표시합니다.

편집 2 : 이전 동영상에 대한 정보를이 컨테이너는 여전히한다면

이

oData = $.parseJSON(p_oXHR.responseText); 

if (oData.hasOwnProperty("Title")) { 
    $Container.find(".title").text(oData.Title); 
    $Container.find(".plot").text(oData.Plot); 
    $Container.find(".poster").html('<img src="' + oData.Poster + '" alt=""/>'); 
    $Container.find(".year").text(oData.Year); 
    $Container.find(".rated").text(oData.Rated); 
} else { 
    $Container.find(".error").text(oData.Response); 
} 
$Container.show(); 

, 아마 당신은 내가 DOM Removal 섹션 empty 방법 또는 다른 방법을 생각하여 DOM을 지우는 방법을 구현해야합니다.