Jquery 在后台执行操作时避免页面无响应

我正在settimeout函数中加载datatable中的10000多条记录，但在后台操作完成之前，该页没有响应

需要避免在执行后台操作时出现页面无响应事件。有什么想法吗

设置超时fn：

 setTimeout(function () {                
                var table = $('#tbcont').dataTable(); var str = '';
                for (var i = 300; i < rem_Data.length; i++) {
                    vehicle.push(rem_Data[i].Vehicleno);
                    str += "<tr><td>" + (i + 1) + " </td><td><span class='cls_ind_img' id='vehstatus" + i + "'><img src='/Images/CarPosition/" + rem_Data[i].Status + "'/></span></td>" +
                        "<td><span style='cursor: pointer;' onclick=senddata('" + "VehiclebasedDashboard.aspx?vehicleNo=" + rem_Data[i].Vehicleno + "') id='vehno" + i + "'>" + rem_Data[i].Vehicleno + "</span></td><td><span id='tracktime" + i + "'>" + rem_Data[i].TrackTime + "</span></td>" +
                        "<td><span id='location" + i + "'>" + rem_Data[i].location + "</span></td><td><span  id='speed" + i + "'>" + rem_Data[i].Speed + "</span></td><td><span class='cls_ind_img' id='ignition" + i + "'><img width='20' height='20' src='/Images/" + $.trim(rem_Data[i].Ignition) + ".png'/></span></td></tr>";
                }
                if (rem_Data.length > 300) {
                    $('#tbcont').dataTable().fnDestroy();
                    $('#tbcont tbody').append(str);
                    configtable('#tbcont');
                   $('#tbcont thead tr td div').each(function (index, element) {
                        $('#tbcont tbody tr td:nth-child(' + (index + 1) + ')').css('width', $(element).width() + 1 + 'px')
                    });
                    $('#tbcont tr td').css('padding', '3px 2px');
                    $('.cls_ind_img').parent().addClass('cls_ind_img');
                    $("#tbcont_wrapper").css("width", $('#tbcont thead tr').width() + 4 + 'px');
                    $('#tbcont tbody tr').css('display', 'block');                
                }                                                 
            }, 100)

您正在查看异步请求：AJAX请求

像往常一样加载页面，不执行数据库查询，但显示loading.gif等 使用Javascript调用AJAX请求到只执行数据库查询的脚本 在AJAX回调中处理请求的返回，例如将html附加到div或计算返回的JSON

---

此外，您还可以将数据查询分为多个数据块，例如条目1-5000、5001-10000等。

您可能会使用一些分页，以避免在使用分页时加载如此多的记录，是否有任何方法可以在没有页面无响应的情况下进行后台操作如何加载记录？让我们看看setTimeout函数。我只通过拆分加载记录，需要帮助以避免页面无响应，因为这里我指向搜索词asynchronous requests以避免页面无响应。您研究过AJAX请求是什么吗？是的，jquery中默认的AJAX调用是异步请求。