0

这是我的客户端代码

<!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="utf-8">
   <title>Alerter</title>
 </head>
 <body>
   <script src="jquery.min.js"></script>
   <script src="http://www.example.com:8001/socket.io/socket.io.js"></script>
   <script>
     $(document).ready(function(){

       var socket = io.connect('http://www.example.com:8001');
       socket.on('message', function (data) { do_message(data) });
     });

   function do_message(data){
     var $obj=$(jQuery.parseJSON(data));
     //now what goes in here? 
   };
</script>
</body>
</html>

我收到的 javascript 对象看起来像

{
    "root": {
        "status": [
            "OK"
        ],
        "alert": [
            {
                "$": { "src": "web" },
                "time": [ "1349316382" ],
                "id": [ "user1" ]
            },
            {
                "$": { "src": "web" },
                "time": [ "1349316391" ],
                "id": [ "user2" ]
            },
        ]
    }
}

我想要做的是遍历每个“警报”条目并采取适当的措施（实际模式比我上面显示的要复杂一些）

jQuery 选择器是完成这项任务的正确工具，还是我应该回到原生 javascript（即 getElementsByTagName 或类似的）。所有 jQuery 文档都基于从 DOM 中选择有效的 html 标签，我不知道如何从收到的消息中选择任意标签。

4

3 回答 3

1

您可以尝试使用 jQuery 中的 $.each 来迭代您的对象.. 试试这个

console.log('status is : ' + data.root.status[0]);

     $.each(data.root.alert , function(i, value){
          console.log ('Dollar is : ' + value["$"]["src"]);
           console.log ('Time is : ' + value["time"][0]); 
           console.log ('ID is : ' + value["id"][0]); 
     });

小提琴

于 2012-10-04T04:34:16.360 回答
0

您可以使用以下方法迭代数据$.forEach：

var obj = jQuery.parseJSON(data);

$.each(obj['root']['alert'], function(index, value) {
    console.log(value.id);
});

或者你可以只使用普通的 JS：

var obj = jQuery.parseJSON(data);
var alerts = obj['root']['alert'];

for (var key in alerts) {
    var value = alerts[key];

    console.log(value.id);
});
于 2012-10-04T04:29:30.200 回答
0

jQuery 选择器不能用于纯 JavaScript 对象。

http://api.jquery.com/jQuery/

处理普通对象
目前，jQuery 封装的普通 JavaScript 对象支持的唯一操作是：.data()、.prop()、.bind()、.unbind()、.trigger() 和 .triggerHandler()。

您将不得不使用 jQuery.each() 或纯 JavaScript 循环进行迭代。

于 2012-10-04T04:32:39.243 回答