0

我正在尝试将此 JSON url 中的数据写出到 li 中。

JSON 链接是https://www.inquicker.com/facility/americas-family-doctors.json

    <!DOCTYPE html>
    <html>
    <head>
    <title>JQuery (cross-domain) JSONP</title>
    <script  type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">    </script>
    <script>
$(document).ready(function(){
    $.getJSON('https://www.inquicker.com/facility/americas-family-doctors.json', 
        function(data){ 
        alert(data.facility);
        $.each(data.schedules, function(i, name){
            $('#names').append('<li>' + name.available_times[0] + '</li>');
        });
    });
});
    </script>
    </head>
    <body>
    <ul id="names"></ul>
    </body>
    </html>
4

3 回答 3

1

available_times您可以在访问第一个单元格之前添加一个测试以检查数组的长度是否 > 0。

然后，您可以访问 when 或 url 属性：

  • available_times[0].when
  • available_times[0].url

编辑：保存name.available_times[0]在临时变量中并写入 temp.whenor temp.url。

于 2012-12-11T10:28:50.857 回答
0

在 JSON 链接中，一些schedules 具有空available_times数组。

Andavailable_times[0]是一个包含属性whenand的对象url，因此您必须编写name.available_times[0].url

于 2012-12-11T10:19:24.343 回答
0

我创建了一个 JSFidle 检查这个。您在 available_times 检查数据是否可用，然后继续。 if (name.available_times.length){....... ..... ....

$(document).ready(function(){
$.getJSON('https://www.inquicker.com/facility/americas-family-doctors.json',
    function(data){

    $.each(data.schedules, function(i, name){
        times=''
            if (name.available_times.length){
                times='<ul>'
                times+='<li><a href="'+name.available_times[0].url+'">'+name.available_times[0].when+'</a></li>'
                times+='</ul>'
            }
            else{
               times='<ul><li>No Time Available</li></ul>'                    
            }
        $('#names').append('<li>' + (name.name) + times + '</li>');
    });
});

});

于 2012-12-11T10:34:32.890 回答