Web サービスからのデータを解析して表示する必要があるアプリケーションがあります。ここには 2 つの異なるサービスがあります。1 つのサービスには 24 個のアイテムがあり、別のサービスには 200 個のアイテムがあります。24 項目のサービスでは正常に表示できますが、JavaScript の実行を示す 200 項目のサービスではタイムアウトエラーが発生し、空白のページが表示されます。コードは両方のサービスで同じです。このエラーを取り除き、データを適切に表示する方法を教えてください。
ここにコードを追加しています
<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>
編集:ジンジャーブレッドエミュレーターで同じコードの出力を取得できますが、ハニカムエミュレーターでこのエラーに直面しています。