2012-04-17 104 views
0

我想建立一个web应用从服务器获取数据,并将其显示给用户。脚本每10秒从服务器获取数据,如果数据发生更改,它会提醒用户。这是我现在使用的代码,但它每隔10秒就会发出一次数据是否已更改的警告。的Javascript JSON比较

那么,如何做,我需要改变我的素文字,使它比较旧的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; 
     } 
    }); 
} 
+2

你如何确定平等两个JavaScript对象:HTTP:/ /stackoverflow.com/questions/201183/how-do-you-determine-equality-for-two-javascript-objects – fcalderan 2012-04-17 09:52:53

+4

** **从未传递的字符串为'的setInterval()'或'的setTimeout()'。这样做与使用'eval()'一样糟糕,并且只要使用变量,就会导致不可读和可能不安全的代码,因为您需要将它们插入到字符串中,而不是传递实际变量。正确的解决方案是'setInterval(function(){/ * your code *)},msecs);'。 'setTimeout()'同样适用。如果你只是想调用一个函数不带任何参数,你也可以直接传递函数名:'的setInterval(someFunction,毫秒);'(请注意,有没有** **'()'函数名称后面) – ThiefMaster 2012-04-17 09:53:03

回答

7

一个非常简单的(但那种蹩脚的)解决方案是比较字符串表示:

if(JSON.stringify(a) != JSON.stringify(b)) { ... } 
+1

不错,但要看无论如何,如果性能事项的顺序或不 – fcalderan 2012-04-17 09:56:11

+0

该做的工作。谢谢! – user1256852 2012-04-17 10:06:16

+0

甚至更​​好的不要stringify,但只需使用ajax请求中未解析的responseText。 – Bergi 2012-04-17 10:31:02

1

你的代码的警报每隔10秒,因为你比较

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

返回true,每次。

你可以使用这个库中的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)