Ajax async true会出现超时问题

Question

我正在使用 django，nodejs，ajax请求。

在Django中我使用请求库向Node.js发送REST请求

我遇到超时问题，有时在ajax请求中使用async true时网页被破坏了。

我给出了如下简单示例

概念是我有一个名为arr = ["INDIA", "USA","UK","CANADA"]

的变量

  

AJAX -----请求-----＆gt; DJANGO -------请求-------＆gt; NODEJS
  （给每个国家提供信息）

     

AJAX＆lt; --------回复------- DJANGO＆lt; --------回复------- NODEJS

$(function() {
    $.each(arr, function( key, value ) {
        $.ajax({
            type: "POST",
            url: "/country/",
            data:{country:value},
            dataType : 'html',
            cache: false,
            timeout: 10000000,            
            async: true,
            success:function(data){
              $('.country').empty();
              $('.country').html(data);        
            },
            error: function(jqXHR, textStatus, errorThrown) { 
              console.log("ERROR: " + textStatus);
            }
        });    
    });
});

当前输出：

  

印度令人难以置信   美国是幸福的国家   错误：超时
  错误：超时

期望的输出：

  

印度令人难以置信   美国是幸福的国家   英国很酷   CANANDA是一个安全的国家