jQuery ajax() 预加载多个内容

Question

我正在使用以下代码来预加载 mp3：

$.ajax({
    url: "boom.mp3",
    success: function() {
        //done
    }
});

无论如何，我可以预加载多个元素（例如图像和 mp3）吗？

例如

$.ajax({
    url: "boom.mp3", "moo.jpg",
    success: function() {
        //done
    }
});

干杯！

Answer 1

如果您使用 jQuery 1.5，有两种新方法可以处理此问题：deferred 和 Promise。

使用 jQuery 延迟和 Promises 创建响应式应用程序

function successFunc(){
  console.log( “success!” );
}    

function failureFunc(){
  console.log( “failure!” );
}

$.when(
  $.ajax( "/main.php" ),
  $.ajax( "/modules.php" ),
  $.ajax( "/lists.php" )
).then( successFunc, failureFunc );

例如，要在您的实例中使用它，只需替换使用 load 的 ajax 请求。

Answer 2

我的一个想法：收集数组中的所有文件名并循环遍历该数组。将收到的对象保存在另一个数组中并将其用于您想要的用途。

如果您在 url 参数中定义对象（用冒号分隔），也许会起作用。

Answer 3

<script>
$.ajax({
    type:"GET",
    url:'',
    dataType:'json',
    async:false,
    beforeSend:function(data){ // Are not working with dataType:'jsonp'
      $('#content').html('Loading...');
    },
    success:function(data){
        $('#content').html(data.content);
    }
});
</script>

阅读 beforeSend(jqXHR, settings)