我使用下面的 ajax 调用从数据库检索数据并将其显示在我的页面中。
$.ajax({
type: "POST", url: "MyPage.aspx/LoadGrid",
data: "{idyear:'2020'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
$(".gridBody").html(response.d);
},
failure: function (response) {
alert(response.d);
}
});
目前此操作返回 1026 条记录,大约需要 12 秒。
由于这个过程非常耗时并且将来记录会更多,因此我必须找到一种替代方法来更快地加载数据。
所以,我尝试了另一种方法。我决定首先获取记录总数。例如,现在我有 1026 条记录,如果我想在 100 条记录边界中加载数据,我需要同时进行 11 个 ajax 调用,并在所有 ajax 调用结束时合并结果。
我认为通过应用这种方法,我可以一起启动所有呼叫,而不必等待结束呼叫才能开始新的呼叫。
var pagesize = 100;
getQty(function () {
var pagesqty = Math.floor(qty / pagesize);
if (qty % pagesize > 0) {
pagesqty += 1;
}
var control = 0;
for (var i = 0; i < pagesqty; i++) {
$.ajax({
type: "POST", url: "MyPage.aspx/LoadGridMtoN",
data: "{idyear:'2020' , page:'" + i + "' , pagesize:'" + pagesize + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
//alert(control+" succeed");
eval("var str" + i + "='" + response.d + "'");
control += 1;
if (control == pagesqty) {
var str = "";
for (var i = 0; i < pagesqty; i++) {
eval("str += str" + i);
}
$(".gridBody").html(str);
}
},
failure: function (response) {
alert(response.d);
}
});
}
});
但现在我在执行 ajax 调用时遇到超时错误。
有谁知道更好的方法吗?
P.S:我想尝试一下Web Workwer,但似乎我无法在Web Workwer中使用JQuery。
P.S:我不想使用分页。我应该将所有数据加载在一起。