ajax - 如何在jQuery中实现多线程

Question

我有 20 个页面，每个页面包含 30 个 li 标签，如下所示，

<li id="1">1<li/>
<li id="2">2<li/>
<li id="3">3<li/>
<li id="4">4<li/>
<li id="5">5<li/> 
...

我会为每个 li 标签触发一个 ajax(.getJSON()) 调用，就像多线程一样，我使用以下 jQuery 代码完成了这一操作，但它是一对一的 ajax (.getJSON) 调用，完成一次ajax调用需要2秒(业务逻辑+表示逻辑)。加载整个页面需要 60 秒 (2x30)。

jQuery(li).each(function(e) {
    jQuery.getJSON(JSonUrl,{},
        function(json) {
            // AJAX Response.
            if (json == null) {
            } else {
                var jsonList = json.deviceStatusString.split(',');
                var jsonInnerList = jsonList[0].split('#');
                ...
            }
        }
    );
 });

你能帮我触发所有ajax调用，比如java多线程吗？

Answer 1

我相信您已经达到了最大请求数限制，因此您的浏览器正在等待，直到有更多线程可用。查看此线程:How many concurrent AJAX (XmlHttpRequest) requests are allowed in popular browsers?