我该如何解决这个 getJSON 方法（）？ [关闭]答案

【问题标题】：How can i fix this getJSON method()? [closed]我该如何解决这个 getJSON 方法（）？ [关闭]
【发布时间】：2014-11-04 22:16:43
【问题描述】：

我有一个练习，我必须使用 getJSON 方法在 html 页面上显示来自 http://headers.jsontest.com/ 的信息！

下面是我的js代码。 .我不知道如何解决这个问题。 .

    $(document).ready(function() {
$('#id-a a').click(function() {
var url = "http://headers.jsontest.com/";
$.getJSON(url, function(data) {
$('#content').empty();
$.each(data, function(entryIndex, entry) {
var html = '<div class="entry">';
html += '<div class="language">' + entry['Accept-Language'] + '</div>';
html += '<div class="host">' + entry['Host'] + '</div>';
html += '<div class="usr">'+ entry['User-Agent'] + '</div>';
html += '<div class="accept">'+ entry['Accept'] + '</div>';
html += '</div>';
html += '</div>';

$('#content').append(html);
});
});
return false;
});

})

帮帮我！谢谢！

【问题讨论】：

标签： javascript html ajax

【解决方案1】：

使用data['Accept-Language'] 代替entry['Accept-Language']。并删除$.each，因为这将遍历键，而不是对象。

HTML

<div id="id-a" style="width: 200px; height: 100px; border: 1px solid #000">
    <a href="#">click me</a>
</div>

<div id="content" style="width: 200px; height: 100px; border: 1px solid #000; margin-top: 30px;"></div>

脚本

<script>
    $(document).ready(function() {
        $('#id-a a').click(function(e) {
            e.preventDefault();
            var url = "http://headers.jsontest.com/";
            $.getJSON(url, function(data) {
                $('#content').empty();
                var html = '<div class="entry">';
                html += '<div class="language">' + data['Accept-Language'] + '</div>';
                html += '<div class="host">' + data['Host'] + '</div>';
                html += '<div class="usr">' + data['User-Agent'] + '</div>';
                html += '<div class="accept">' + data['Accept'] + '</div>';
                html += '</div>';
                //html += '</div>'; //Do not need this, there are no opening tag for this div.
                $('#content').append(html);
            });
            //Do not need this. Use e.preventDefault(); instead.
            //return false;
        });
    })

</script>

【讨论】：