サーバーからデータを取得してユーザーに表示する webapp を構築しようとしています。スクリプトは 10 秒ごとにサーバーからデータを取得し、データが変更された場合はユーザーに警告します。これは私が現在使用しているコードですが、データが変更されたかどうかにかかわらず、10 秒ごとにアラートを出します。
では、scipt を変更して、古い JSON と新しい JSON を比較し、それらが異なるかどうか、およびユーザーに表示されるデータを更新する前に警告を表示するかどうかを確認するにはどうすればよいですか?
$('#ListPage').bind('pageinit', function(event) {
getList1();
});
setInterval ( "getList1()", 10000 );
var old = "";
function getEmployeeList1() {
$.getJSON(serviceURL + 'getemployees.php?' + formArray, function(data) {
if(data != old){ // data from the server is not same as old
$('#nollalista li').remove();
keikka = data.key;
$.each(keikka, function(index, lista) {
$('#nollalista').append('<li><a href="employeedetails.html?id=' + lista.IND + '">' +
'<h4>' + lista.OSO + '</h4>' +
'<p>' + lista.AIKA + '</p>' +'</a></li>');
});
$('#nollalista').listview('refresh');
if(old != "")
alert("New data!");
old = data;
}
});
}