javascript - 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 和 promises。

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

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

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

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

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

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>

Read beforeSend(jqXHR, settings)