javascript - 检查文件是否存在，根据消息显示，jQuery

Question

我需要一个全局函数来检查文件是否存在。我需要为几种方法重用该函数，所以我只希望它返回 true 或 false。我试图让它异步，但我无法让它工作。这是函数:

  function checkIndex(){
      $.ajax({
          url:'upload/_3.fdt',
          type:'HEAD',
          async: false,
          error: function(){
                return false;   
          },
          success: function(){
                return true;
          }
      });
}

这是调用 checkIndex() 的函数之一

$(function(){
    $(document).ready( function(){

        if(checkIndex() == false)
            $('#check').html('<td><img src="img/cross.gif" /></td><td>No index present</td>');
        else
            $('#check').html('<td><img src="img/check.gif" /></td><td>Index is present</td>');

    });
   });

我怎样才能让它工作？

Answer 1

我会从 ajax 函数返回延迟对象，然后根据 ajax 函数是否失败插入 html:

function checkIndex(file){
    return $.ajax({
        url : file,
        type:'HEAD'
    });
}

$(function(){
    checkIndex('upload/_3.fdt').done(function() {
        $('#check').html('<td><img src="img/check.gif" /></td><td>Index is present</td>');
    }).fail(function() {
        $('#check').html('<td><img src="img/cross.gif" /></td><td>No index present</td>');     
    });
});

如果将要检查的文件名传递给函数，它也非常可重用。