2011-12-20 3 views
3

그림이 설정된 사용자 만 gravatar의 프로필 사진을 표시하고 싶습니다. 이 서버 측은 404 코드를 검사하고 각 요청에 대해 img 태그를 적절하게 출력하기 위해 gravatar에 약 100 건의 HEAD 요청을하는 것을 의미합니다.자바 스크립트를 사용하여 http 상태 코드를 확인하십시오.

그래서 저는 JavaScript가 http 상태 코드를 확인하고 적절한 이미지 태그를 동적으로 출력 할 수있는 100 개의 URL을 출력 할 수있는 자바 스크립트 기능을 구현하려고합니다. 그게 가능한가? 방법?

+0

은 의심의 여지가 당신이 요청의 상태 코드에 액세스 할 수 없습니다 : 반환됩니다 (위 거의 그대로의 링크를 해제). –

+0

그게 질문입니다. 이미지 URL 상태 코드는 어떻게 검색합니까? 크로스 도메인 아약스? –

답변

5

누락 된 키워드는 "상태 코드"입니다 (우리는 총체적으로 HTTP 응답 코드 200, 404, 500 등). jQuery를 사용하고 있다고 가정합니다.이 경우 AJAX를 수행하는 데 필요한 모든 문서는 다음 위치에 있습니다. http://api.jquery.com/jQuery.ajax/

다음은 경고를 표시하는 요청의 간단한 예입니다. 404 상태 코드 당신이 자바 스크립트에서 이미지 URL을 검색하는 일이 그러나

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script> 
    $(function() { 
     var url = "some_url"; 
     $.ajax(url, 
     { 
     statusCode: { 
     404: function() { 
      alert('page not found'); 
     } 
     } 
    }); 
}); 
</script> 
+0

이미지가 도메인 외부에 있으면 다음과 같이 표시됩니다. 요청한 리소스에 'Access-Control-Allow-Origin'헤더가 없습니다. –

+0

@elGEoRgETheKiLLa이를 극복 할 수있는 방법이 있습니까? 나는 기본 URL을 기반으로 순차적 이미지를 열고 그 위에 숫자가있는 javascript 스 니펫을 만들고 양방향으로 이동하려고합니다. 기본 URL이 xxx10.jpg 인 경우 xxx09.jpg 및 xxx9.jpg를 테스트하여 올바른 URL을 확인하고 그 나머지 (01, 02, 03 ... 또는 1, 2, 3)를로드하고 싶습니다. ..) 올바르게. – DiegoDD

+0

이 코드는 실제로 주어진 URL에서 페이지를 다운로드하지 않습니까? 실제로 콘텐츠를 다운로드하지 않고 응답 상태를 확인하는 방법이 있습니까? – Marc

관련 문제