[jQuery] Ajax, load, get 를 통해 URL 파일 존재 여부 확인

 jQuery 사용하기

Ajax를 통해 웹상의 URL로 존재 유, 무 를 확인하는 소스코드 입니다.

사용 jQuery.ajax()

$.ajax({
     url: '확인할URL',
     type: 'HEAD',
     success: function () {
          alert("URL 파일 접근이 가능합니다.");
     },
     error: function () {
          alert("URL 파일이 존재하지 않습니다.");
     }
});

 

사용 .load()

load를 통해 웹상의 URL로 존재 유, 무 를 확인하는 소스코드 입니다.

var url = '확인할URL';
 
$(document).ready(function() {
    $('<img>').load(url, function(response, status) {
        if (status === 'success') {
            alert('success');
        }
        else {
            alert('failure');
        }
    });
});

사용 jQuery.get()

get 를 통해 웹상의 URL로 존재 유, 무 를 확인하는 소스코드 입니다.

var url = '확인할URL';
 
$(document).ready(function() {
    $.get(url, function() {
        alert('success');
    })
    .fail(function() {
        alert('failure');
    })
});

 

JavaScript 사용하기  

일반 JavaScript에서는 강력한 Fetch API fetch() 를 통해 웹상의 URL로 존재 유, 무 를 확인하는 소스코드 입니다.

var url = '확인할URL';
 
window.addEventListener("load", event => {
    fetch(new Request(url, {method: 'HEAD', mode: 'no-cors'}))
    .then(function() {
        alert('success');
    })
    .catch(function() {
        alert('failure');
    });
});