gpt4 book ai didi

jquery - knockout 加载数据非常缓慢

转载 作者:可可西里 更新时间:2023-11-01 12:50:10 25 4
gpt4 key购买 nike

我正在调用 WCF 服务以通过 jquery ajax 调用加载数据。 WCF 服务返回数据的速度非常快,但 Knockout 加载数据的速度非常慢。下面是我使用 jquery ajax 调用 wcf 服务

 function loadData(id) {
var input =
{
Id: id
};


$.ajax({
url: "../Service/Table/TableData",
type: "PUT",
contentType: 'application/json',
processData: false,
data: JSON.stringify(input),
error: function (XMLHttpRequest, textStatus, errorThrown) {

alert(errorThrown);
},
success: function (allData) {
var mappedData= $.map(allData, function (item) {

return new TableData(item);
});
self.TableDataList(mappedData);



}
});

}

下面是我的看法

<div  style="overflow: hidden;margin-top: 30px;margin-left: 10px;float:left;" >

<table style="width: 100%" >

<colgroup>
<col />
<col />

<col/>
</colgroup>

<thead><tr>

<th style="padding: 0px">Id </th>
<th style="padding: 0px">Name</th>

</tr>

</thead>

</table>
<div style="overflow: auto;height: 490px;">
<table id ="Table1" class="Hover" style="width: 100%;" >
<colgroup>
<col style="width: 20px"/>
<col style="width: 80px"/>

<col/>
</colgroup>
<tbody data-bind="foreach: TableDataList">

<tr>

<td style="padding: 0px;text-align: left" data-bind="text: Id" ></td>
<td style="padding: 0px;" data-bind="text: Name "></td>

</tr>


</tbody>
</table>
</div>

我正在加载大约 20000 条记录,加载页面需要 2 分钟。如何避免这种情况?

更新1

使用jquery模板能解决问题还是需要分页?

更新 2

这是我的 TableData 类代码

 function TableData (data) {
this.Id = ko.observable(data.Id);
this.Name = ko.observable(data.Name);
this.LastName = ko.observable(data.LastName );
this.DateOfBirth = ko.observable(data.DateOfBirth );
this.Age= ko.observable(data.Age);


}

最佳答案

作为@nemesv,分页是最好的解决方案。在客户端处理 20000 条记录将在性能方面产生成本,同时在页面上呈现内容,因此它不是性能缓慢的 knockout 框架。因此,您还可以使用按需加载“onScreenscroll”或类似的东西来加快页面速度。

关于jquery - knockout 加载数据非常缓慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17361105/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com