【问题标题】:Parse a JSON file with Javascript (JQuery) [closed]使用 Javascript (JQuery) 解析 JSON 文件 [关闭]
【发布时间】:2012-06-22 23:40:51
【问题描述】:

我拼命尝试用 Javascript 解析 JSON 文件。

这是我的数据:

{
    "streetCity":
    {
        "132":"Abergement-Clemenciat",
        "133":"Abergement-de-Varey",
        "134":"Amareins"
    }
}

我只想访问每个数据,但我尝试过但失败了。

你有想法阅读这些数据吗?

谢谢!

最好的问候

【问题讨论】:

  • @mkoryak 扩展名为 .json 的文件,其中包含 JSON 数据。
  • JSON 是 javascript,你不需要解析它。
  • @Scipius2012 What have you tried?
  • 1.) 你不解析 JSON 2.) 这是一个不正确的 JSON 对象
  • @jrummell:JSON 是数据交换格式,类似于 XML。 JSON 可以解析为 JavaScript 没有问题,因为 JSON 的语法类似于 JavaScript 对象和数组字面量(以及其他字面量),但仅此一点并不能使其成为 JavaScript。

标签: javascript jquery json parsing


【解决方案1】:

我假设,通过说 JSON 文件,你的意思是你的脚本中有一些 JSON

var data={
    "streetCity":
    {
        "132":"Abergement-Clemenciat",
        "133":"Abergement-de-Varey",
        "134":"Amareins"
    }
}; 
$.each(data.streetCity,function(index,item){

       alert(item);            
});

示例http://jsfiddle.net/yjXjh/4/

【讨论】:

    【解决方案2】:

    如果这是您的数据,或者您的数据是这种形式,那么您可以简单地使用。

    var obj = {"streetCity":
        {
            "132":"Abergement-Clemenciat",
            "133":"Abergement-de-Varey",
            "134":"Amareins"
        }
        };
    console.log(typeof(obj)); // will tell the type, it should be object
    obj.streetCity['132']  will return Abergement-Clemenciat",
    

    它将表现得像一个 JSON 对象。

    否则,如果您的数据是动态生成的,请使用 jQuery.getJSON() 函数从服务器获取 JSON 数据。它将以 JSON 格式返回数据。

    【讨论】:

      【解决方案3】:

      如果您只想解析一个文件,您可以使用jQuery 库中的.getJSON() 函数。然后,您可以轻松地创建一个读取数据的脚本,然后对其进行处理。

       $.getJSON('test.json', function(data) {
            alert (data.value1)
       });
      

      更多信息请阅读链接getJSONjQuery

      【讨论】:

      • 他的 json 文件不是有效的 json。这行不通
      【解决方案4】:

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

      必须解析带引号和单引号的JSON。

      如果您创建的 JSON 没有引号和单引号(格式不正确),那么您可以将 JSON 设置为等于一个变量。但不要这样做。

      【讨论】:

        【解决方案5】:
        var obj = {
            "streetCity":
            {
                "132":"Abergement-Clemenciat",
                "133":"Abergement-de-Varey",
                "134":"Amareins"
            }
        };
        
        obj.streetCity[132]
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2013-07-30
          • 1970-01-01
          • 2020-05-07
          • 1970-01-01
          • 2016-05-22
          • 2013-02-28
          • 2016-11-29
          相关资源
          最近更新 更多