首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Jquery - json解析

Jquery - json解析
EN

Stack Overflow用户
提问于 2011-09-16 08:44:22
回答 2查看 2.4K关注 0票数 0

如何使用foreach解析json类型-

代码语言:javascript
运行
复制
getData: function(id, dataid)
    {
        $.post('Action/Load.php',{
            id: id
        }, function(data) {

            $(dataid).html(data);
        });
    }

数据= {"file":"1","text":"Hello world","name":"Jenan","id":"1","url":"url"}

我会收到短信-

代码语言:javascript
运行
复制
1 - Hello World - Jenan - 1 - url.

谢谢你的建议。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-09-16 08:51:23

$.each()函数仅适用于数组和jQuery对象。

在这里,data不是一个数组,它是一个常规对象。

因此,以这种方式从您的Json中获取数据:

代码语言:javascript
运行
复制
getData: function(id, dataid)
    {
        $.post('Action/Load.php',{
            id: id
        }, function(data) {
            $(dataid).html(data.file +' - '+ data.text +' - '+ data.name +' - '+ data.id +' - '+ data.url);
        });
    }

编辑:如果数组中有一些这样的对象,如下图所示:

代码语言:javascript
运行
复制
[{"file":"1","text":"Hello world","name":"Jenan","id":"1","url":"url"},{"file":"1","text":"Hello world","name":"Jenan","id":"1","url":"url"},{"file":"1","text":"Hello world","name":"Jenan","id":"1","url":"url"}]

像这样做:

代码语言:javascript
运行
复制
getData: function(id, dataid)
    {
        $.post('Action/Load.php',{
            id: id
        }, function(data) {
            $(dataid).html('');
            $.each(data, function(key, value){
                $(dataid).append(value.file +' - '+ value.text +' - '+ value.name +' - '+ value.id +' - '+ value.url +'<br/>');
            });
        });
    }
票数 1
EN

Stack Overflow用户

发布于 2011-09-16 08:47:05

将遍历每个对象键:

代码语言:javascript
运行
复制
var output = [];
for( var key in data) {
  if (data.hasOwnProperty(key)) {
      output.push(data[key])
  }
}

alert(output.join(' - '));

编辑

代码语言:javascript
运行
复制
data.url; // the value of url, which happens to be url in this example
// or
data['url']

hasOwnProperty确保键是对象的直接属性。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7439032

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档