Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery从json_encode获取值_Javascript_Jquery_Json_Each - Fatal编程技术网

Javascript 使用jQuery从json_encode获取值

Javascript 使用jQuery从json_encode获取值,javascript,jquery,json,each,Javascript,Jquery,Json,Each,我在数据库表的一行中插入了几个(array)值和json\u encode,现在我想用jquery按顺序回显它们 这是我的PHP代码的输出: [{ "guide": null, "residence": [{ "name_r": "jack" }, { "name_r": "jim" }, { "name_r": "sara" }], "residence_u": [{ "units"

我在数据库表的一行中插入了几个(
array
)值和
json\u encode
,现在我想用jquery按顺序回显它们

这是我的PHP代码的输出:

[{
    "guide": null,
    "residence": [{
        "name_r": "jack"
    }, {
        "name_r": "jim"
    }, {
        "name_r": "sara"
    }],
    "residence_u": [{
        "units": ["hello", "how", "what"],
        "extra": ["11", "22", "33"],
        "price": ["1,111,111", "2,222,222", "3,333,333"]
    }, {
        "units": ["fine"],
        "extra": ["44"],
        "price": ["4,444,444"]
    }, {
        "units": ["thanks", "good"],
        "extra": ["55", "66"],
        "price": ["5,555,555", "6,666,666"]
    }]
}]
我想作为(输出):

杰克

你好
11
1111111

如何
22
22222222
什么和
33
&
3333333,

jim

fine
&
44
&
4444444

sara

谢谢
&
55
&
5555555

很好
&
66
&
66666

怎么样?

假设

  • 您已经知道如何发出从PHP脚本获取此信息的ajax请求
  • 顶级数组中始终有一个元素(如果没有,可以再添加一个迭代级别)
  • 输出意味着访问相应的元素——我已经调用了
    console.log
    ,但是您可以
    alert()
    或放入DOM元素或其他任何东西
您可以在jQuery中执行类似的操作(这里是一个没有网络部分的示例。您将在控制台中看到输出)


@马特·鲍尔-有什么问题?你的问题是什么?当我想使用你的代码时,它在我的代码中不起作用。请参阅我的完整代码:我想在<代码> > +附加> + /代码> <代码> $。每个(数据[0 ] .SudiuthUu,函数…< /Case> @ EmmyCharles)什么不起作用?请考虑张贴。还要注意,<代码> ID <代码>不能合法地有<代码>,< /代码> s -当使用“单位”作为<代码> ID <代码>时,您这样做。
var data = response[0]; //response is the data received by the jQuery ajax success callback
var residences = data.residence;
var residence_u = data.residence_u;

$.each(residences, function(index, val){
    var name = val.name_r;
    console.log(name);

    var info = residence_u[index]; //get the corresponding residence_u element

    $.each(info.units, function(index, val){
        var unit = val;
        var extra = info.extra[index];
        var price = info.price[index];
        console.log( val + " & " + extra + " & " + price);
    });
});