jQuery：多个AJAX和JSON请求，一个回调

短命女 2023-02-21 14:24 12阅读 0赞

我一直在为[Mozilla开发人员网络开发][Mozilla]一项新功能，该功能需要加载基本脚本文件以及JSON流。 由于我们使用jQuery，因此意味着[`jQuery.getScript`][jQuery.getScript]和`jQuery.getJSON` 。 我知道它们都异步工作并返回Deferred，所以我想知道是否有一种方法可以与一个回调并行地加载它们，就像[curl][]加载器一样。 我很幸运！ 使用`jQuery.when` ，我可以通过一个回调同时加载两个请求！

## **jQuery JavaScript** ##

如前所述，我的用例是加载脚本和JSON资源，因此其工作方式是：

$.when(
    	$.getScript('/media/js/wiki-min.js?build=21eb633'), 
    	$.getJSON('https://developer.mozilla.org/en-US/demos/feeds/json/featured/')
    ).then(function(a, b) {  // or ".done"
    	
    	// Yay, stuff loaded and now we can do something!
    
    });

当资源加载完成，在`done`或`then`回调火灾，我知道的要求是完整的。 每种请求类型都提供一个不同的回调参数对象，因此上述内容将提供：

// [response, state, jqxhr], [response, state, jqxhr]
    ["(function(c){var e=c(".from-search-navigate");if(e…;if(j){g.apply(m,l)}}}})(window,document,jQuery);", "success", Object]
    [Array[15], "success", Object]

如果我们想向组合中添加传统的AJAX XHR请求，例如一个小部件模板，我们也可以这样做：

$.when(
    	$.getScript('/media/js/wiki-min.js?build=21eb633'), 
    	$.getJSON('https://developer.mozilla.org/en-US/demos/feeds/json/featured/'), 
    	$.get('/')
    ).then(function(a, b, c) { 
    	console.log(a, b, c); 
    });

Dojo Toolkit拥有这种功能已经很长时间了，但是我很高兴现代jQuery允许相同的功能。 如今，使用一个回调发出多个请求似乎与其他任何任务都相关，因此jQuery肯定与时俱进！

> 翻译自: [https://davidwalsh.name/jquery-ajax-callback][https_davidwalsh.name_jquery-ajax-callback]

[Mozilla]: http://developer.mozilla.org
[jQuery.getScript]: https://davidwalsh.name/loading-scripts-jquery
[curl]: https://davidwalsh.name/curljs
[https_davidwalsh.name_jquery-ajax-callback]: https://davidwalsh.name/jquery-ajax-callback