从 url 解析 JSON 数据答案

【问题标题】：Parse JSON data from url从 url 解析 JSON 数据
【发布时间】：2013-04-03 07:47:02
【问题描述】：

我有以下格式的 JSON 数据：

parent: {
       child: {
             sample:[
                     {
                      key:value,
                      key:value,
                     }
                     {
                      key:value,
                      key:value,
                     }
                     {
                      key:value,
                      key:value,
                     }
                    ] 
                 }
            }

我应该如何使用 jquery 解析这些数据？使用 $ ajax 或 getJSON？哪种方法更可取？请帮忙

【问题讨论】：

标签： ajax json parsing getjson

【解决方案1】：

如果您只需要 json 数据，您可以使用 getJSON。但是两者都是等效的，因为 getJSON 是 $.ajax.More 的简写，您可以阅读以下内容： Difference Between $.getJSON() and $.ajax() in jQuery 在我的脚本中：

$.getJSON('test.php',{ val:"test" }, function (data) {
     $.each(data, function (i, v) {
               //do your work here with each value returned from server side.
     });
});

在我的 test.php 文件中：

if($_SERVER["REQUEST_METHOD"]=="GET"&&$_REQUEST['val']=="test")
{
    header("Content-type: application/json");
    $a1 = array(  'answer1' => 'a', 'score1'=>3, 'answer2' => 'b', 'score2'=>5);
    echo json_encode($a1);
    die();
}

您将收到一个对象，其中包含：{"answer":"a","score":3,"answer1":"b","score1":5}

如果您使用的是 aspx 页面，那么您必须使用 $.ajax，因为内容标头有一个选项必须是“application/json”，否则 asp.net 将拒绝该请求

例子：

        $.ajax({
            url: "Demo.aspx/Demo_Method",
            contentType: "application/json; charset=UTF-8",
            dataType: "JSON",
            type: "GET",
            success: function (response) {
                alert('Success' + response);
            }
        });

在我的 aspx 页面中：

    [WebMethod()]
    [System.Web.Script.Services.ScriptMethod(UseHttpGet = true)] 
    public static string Demo_Method()
    {
        return "test";
    }

正如您在问题中提到的那样。您的数据似乎不正确。正确的 Json 格式应该是这样的：

 parent: { 
     child: { 
          sample: [
                   { key: "1", value: "value1" }, 
                   { key: "2", value: "value2" }, 
                   { key: "3", value: "value3" }
                  ]
            }
         }

如果您收到上述格式的回复，那么您可以简单地访问：

 var response= { parent: { child: { sample: [{ key: "1", value: "value1" }, { key: "2", value: "value2" }, { key: 3, value: "value3"}]}} };

 var samples_arr=response.parent.child.sample;  //create a sample Array.


 $.each(samples_arr,function(){
      alert(v.key+" and "+ v.value); // access here your each element
 });

【讨论】：

感谢您的回复。能否请您提供一些getJSON的示例？
好的，我正在编辑我的答案，并在此处使用 php 举例说明。请检查
我不懂 php。我想使用 jqury 完成任务。
我不懂 php。我想使用 jqury 完成任务。我有一个包含 JSON 数据的 aspx 页面。
但您需要一些服务器端代码，其中 $.getJSON 将发送请求。Jquery 是客户端。 getJSON 顾名思义从服务器获取 JSON 数据。