0

我正在尝试构建一个从服务器获取数据并将其显示给用户的 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;
        }
    });
}
4

2 回答 2

7

一个非常简单（但有点蹩脚）的解决方案是比较字符串表示：

if(JSON.stringify(a) != JSON.stringify(b)) { ... }
于 2012-04-17T09:54:16.597 回答
1

您的代码每 10 秒发出一次警报，因为您的比较

    if(data != old){ // data from the server is not same as old

每次都返回真。

您可以使用此库来比较 javascript https://github.com/prettycode/Object.identical.js中的 json 并将比较修改为

    if(!Object.identical(data,old)){ // data from the server is not same as old

用法：

var a = { x: "a", y: "b" },
b = { x: "a", y: "b" },
c = { y: "b", x: "a" },
d = { x: "Chris", y: "Prettycode.org", developerYears: [1994, 2011] },
e = { y: "Prettycode.org", developerYears: [1994, 2011], x: "Chris" };
f = { y: "Prettycode.org", developerYears: [2011, 1994], x: "Chris" };
console.log(Object.identical(a, b)); // true (same properties and same property values)
console.log(Object.identical(a, c)); // true (object property order does not matter, simple)
console.log(Object.identical(d, e)); // true (object property order does not matter, complex)
console.log(Object.identical(d, f)); // false (arrays are, by definition, ordered)
于 2012-04-17T10:26:37.860 回答