我有一个应用程序,我需要解析并显示来自webservice的数据。这里我有2种不同的服务,在一项服务中我有24项,在另一项服务中我有200项。对于有24个项目的服务,我能够正确显示它,但是有200个项目的服务显示 javascript执行超出超时错误并显示空白页面。两个服务的代码相同。谁能帮助我如何摆脱这个错误并正确显示数据?
我在这里添加一段代码
<script type="text/javascript">
function showMessage(data, index) {
var obj = jQuery.parseJSON(data.d);
if (index == "TrackDeals") {
trackDeals(obj);
}
}
function OnError(request, status, error) {
alert(request.statusText);
}
function trackDeals(trackdeals) {
var items = [];
var count = 0;
$.each(trackdeals, function(key, value) {
count++;
pid = value.ApplicationId;
var str = localStorage.getItem("appidlist");
if (str == null){
var html = '<tr> my html code </tr>';
} else {
var mySplitResult = str.split(",");
for(var i = 0; i < mySplitResult.length; i++) {
if(mySplitResult[i] == pid) {
var html = '<tr> my html code </tr>';
} else {
var html = '<tr> my html code </tr>';
}
}
}
items.push(html);
});
$('#trackdeals').html(items.join('')).trigger('create');
$("table tr").slice(0, 5).show();
$("#load").click(function(e) {
e.preventDefault();
$("table tr:hidden").slice(0, 5).show();
if ($("table tr:hidden").length == 0) {
alert("No more data");
}
});
}
$(document).ready(function() {
document.getElementById('username').innerHTML = "name";
var trackparam = username + ',' + userid;
CallWebServiceFromJquery('TrackDeals', trackparam);
});
</script>
</head>
<body>
<div class="deals-content">
<div class="deals-table-header">
<table width="100%" class="table">
<tr>
<td width="18%">Reference Id</td>
<td width="22%">Account</td>
<td width="24%">Agency Name</td>
<td width="27%">Product</td>
<td width="8%"></td>
</tr>
</table>
</div>
<div class="deals-table-content">
<table width="100%" class="deals-table-header-table" id ="trackdeals"></table>
<button id="load" style="width: 98%; font-weight: bold">Load More</button>
</div>
</div>
</body>
编辑:我能够在姜饼模拟器中获得相同代码的输出,但我在使用蜂窝模拟器时遇到此错误。