jQuery 비동기 AJAX 호출이 다른 HTTP 호출을 차단하는 이유

Question

jquery ajax 비동기 호출을 통해 HTML 테이블을로드하고 있습니다. 5 명을 위해 그들의 데이터는 async ajax 호출을 통해로드됩니다. Ajax 호출은 서버에 5 회 도달하고 수신 된 데이터를 비동기 적으로 표시합니다. 행에는 개인 레코드를 표시하기위한 팝업을 열 수있는 링크가 있습니다.

다른 데이터가로드되는 동안 링크를 클릭하면 팝업이 열리고 나머지 ajax 호출이 완료 될 때까지 빈 페이지가 표시됩니다.

이 문제를 어떻게 해결할 수 있습니까?

이 내 jQuery 코드입니다 :

$.ajax({ 
    type:'POST', 
    url:'Default.aspx', 
    data:JSON.stringify(jsonParams), 
    contentType:"application/json; charset=utf-8", 
    async:true, 
    dataType:'Text', 
    success: function(response){ //paste the data to the html table } 

}); 

이 내 서버 측 코드 :

protected void Page_Load(object sender, EventArgs e) 
{ 
    StreamReader r = new StreamReader(Request.InputStream, Request.ContentEncoding); 
    string jsonStr = r.ReadToEnd(); 
    MyJsonObj obj = new JavaScriptSerializer().Deserialize<MyJsonObj>(jsonStr); 
} 

Answer 1

는 웹 서버 나 브라우저 (IP 당 N 연결에서 몇 가지 한계를 보인다