JavaScript：如何在AJAX调用中通过jQuery循环JSON对象

我很难学习这个概念

我有一个JSON文件，里面有医院列表、地址、时间和电话

我想从JSON数据中调用AJAX，并在屏幕上列出数据

我只能得到第一家要列出的医院，当我试图列出地址时，只能列出地址列表

如何使用列出对象及其属性的循环来编写

有人能给我解释一下吗

请帮忙，先谢谢你

JSON--

JS--

var url='1〕https://api.myjson.com/bins/b29r7';
$.ajax({
url:url，
方法：“GET”，
}).完成（功能（结果）{
var数据=result.surry；
对于（var i=0；i更新：这是一个更清晰的版本。您可以像这样在html中打印您的值。

$.ajax({
键入：“ajax”，
网址：'https://api.myjson.com/bins/b29r7',
async:false，
数据类型：“json”，
成功：功能（数据）{
data=data.surry；
var html=''；
var i；
对于（i=0；i

更新：这是一个更清晰的版本。您可以像这样在html中打印您的值。

$.ajax({
键入：“ajax”，
网址：'https://api.myjson.com/bins/b29r7',
async:false，
数据类型：“json”，
成功：功能（数据）{
data=data.surry；
var html=''；
var i；
对于（i=0；i

以下是一个工作示例：


var url='1〕https://api.myjson.com/bins/b29r7';
$.ajax({
url:url，
方法：“GET”，
}).完成（功能（结果）{
//JSON数据数组
var数据=result.surry；
//使DOM节点成为子列表节点的父节点
var$data=$（“#data”）；
//遍历JSON数组中的每个对象
data.forEach（功能（项）{
//创建无序列表节点
var$ul=$（“
”）；
//遍历当前JSON对象的所有属性
for（项目中的var字段）{
//将列表项节点追加到列表节点
$ul.append（`li>${field}:${item[field]}`）；
}
//将列表节点追加到父节点
$data.append（$ul）；
});
}).失败（功能（错误）{
控制台错误（error）；
})；
以下是一个工作示例：


var url='1〕https://api.myjson.com/bins/b29r7';
$.ajax({
url:url，
方法：“GET”，
}).完成（功能（结果）{
//JSON数据数组
var数据=result.surry；
//使DOM节点成为子列表节点的父节点
var$data=$（“#data”）；
//遍历JSON数组中的每个对象
data.forEach（功能（项）{
//创建无序列表节点
var$ul=$（“
”）；
//遍历当前JSON对象的所有属性
for（项目中的var字段）{
//将列表项节点追加到列表节点
$ul.append（`li>${field}:${item[field]}`）；
}
//将列表节点追加到父节点
$data.append（$ul）；
});
}).失败（功能（错误）{
控制台错误（error）；
})；
根据要求，请尝试以下代码


var url='1〕https://api.myjson.com/bins/b29r7';
$.ajax({
url:url，
方法：“GET”，
}).完成（功能（结果）{
var数据=result.surry；
var i=0；
var hosData=“”；
数据+=”；
数据+=”；
hosData+=‘医院’；
数据+=”；
数据+=”；
hosData+=‘地址’；
数据+=”；
数据+=”；
hosData+=‘小时’；
数据+=”；
数据+=”；
hosData+=‘电话’；
数据+=”；
数据+=”；
对于（i=0；i根据要求，请尝试以下代码


var url='1〕https://api.myjson.com/bins/b29r7';
$.ajax({
url:url，
方法：“GET”，
}).完成（功能（结果）{
var数据=result.surry；
var i=0；
var hosData=“”；
数据+=”；
数据+=”；
hosData+=‘医院’；
数据+=”；
数据+=”；
hosData+=‘地址’；
数据+=”；
数据+=”；
hosData+=‘小时’；
数据+=”；
数据+=”；
hosData+=‘电话’；
数据+=”；
数据+=”；
对于（i=0；我认为你只是在寻找一个JS对象上的循环。首先，
$（“#data”）。每个（
应该是
$。每个（数据，函数（索引，elec）{…
@Adam）都不起作用。如果这些注释/答案没有帮助，请更新你的问题，问一些更具体的问题；你问了“我怎么能用一个列出对象及其属性的循环来写这篇文章？”下面@jencko向您展示了它……我想您只是在寻找一个JS对象上的循环。首先，
$（“#数据”）。每个（
应该是
$。每个（数据，函数（索引，elec））{…
@Adam，这不起作用。请更新您的问题以询问更具体的问题
var url = 'https://api.myjson.com/bins/b29r7';

$.ajax({
    url: url,
    method: 'GET',
}).done(function(result){
    var data = result.surrey;
    for(var i=0; i<data.length; i++){
        $('#data').each(function(index, ele){
            $(ele).html(data[index].hospital);
        });
    }
}).fail(function(err){
    throw err;
});

<p id="data"></p>