JavaScript/jQuery检查断开的链接

Question

我开发了一个小的Javascript/jQuery程序来访问内部使用的pdf文件集合.如果文件确实存在,我希望突出显示pdf文件的信息div.

有没有办法以编程方式确定文件的链接是否被破坏？如果是这样,怎么样？

任何指南或建议都是适当的.

Answer 1

如果这些文件位于同一个域中,那么您可以使用AJAX来测试它们的存在,正如Alex Sexton所说; 但是,您不应该使用该GET方法,只需HEAD检查HTTP状态的期望值(200,或者只是小于400).

这是一个相关问题提供的简单方法:

function urlExists(url, callback) {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) {
      callback(xhr.status < 400);
    }
  };
  xhr.open('HEAD', url);
  xhr.send();
}

urlExists(someUrl, function(exists) {
    console.log('"%s" exists?', someUrl, exists);
});