jquery ajax async 呼び出しを使用して HTML テーブルをロードしています。たとえば、5 人のユーザーのデータは非同期 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);
}