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

페이지 정보

본문

Ajax를 통해 웹상의 URL로 존재 유, 무 를 확인하는 소스코드 입니다.
사용 jQuery.ajax()[code]$.ajax({
    url: '확인할URL',
    type: 'HEAD',
    success: function () {
          alert("URL 파일 접근이 가능합니다.");
    },
    error: function () {
          alert("URL 파일이 존재하지 않습니다.");
    }
});[/code]
사용 .load()
load를 통해 웹상의 URL로 존재 유, 무 를 확인하는 소스코드 입니다.[code]var url = '확인할URL';
 
$(document).ready(function() {
    $('<img>').load(url, function(response, status) {
        if (status === 'success') {
            alert('success');
        }
        else {
            alert('failure');
        }
    });
});[/code]
사용 jQuery.get()
get 를 통해 웹상의 URL로 존재 유, 무 를 확인하는 소스코드 입니다.[code]var url = '확인할URL';
 
$(document).ready(function() {
    $.get(url, function() {
        alert('success');
    })
    .fail(function() {
        alert('failure');
    })
});[/code]
JavaScript 사용하기 
일반 JavaScript에서는 강력한 Fetch API fetch() 를 통해 웹상의 URL로 존재 유, 무 를 확인하는 소스코드 입니다.[code]var url = '확인할URL';
 
window.addEventListener("load", event => {
    fetch(new Request(url, {method: 'HEAD', mode: 'no-cors'}))
    .then(function() {
        alert('success');
    })
    .catch(function() {
        alert('failure');
    });
});[/code]

댓글목록

등록된 댓글이 없습니다.


🔍 검색

회사소개 개인정보처리방침 서비스이용약관
Copyright © rainbowgarden.shop All rights reserved.