使用 AJAX 将 JSON 信息解析为 HTML [关闭]答案

【问题标题】：Parsing JSON information using AJAX into HTML [closed]使用 AJAX 将 JSON 信息解析为 HTML [关闭]
【发布时间】：2015-02-14 09:29:09
【问题描述】：

我正在构建一个 mongoDB 数据库，我正在尝试从 JSON 格式解析用户信息并将其插入到要显示的 HMTL 代码中。

它目前不工作，也没有抛出任何错误。

这是当前的 AJAX 命令：

var $userList = $('#userList');

$.ajax({
    type: 'GET',
    dataType: 'jsonp',
    url: '127.0.0.1:3000/usersjson',
    success: function(userList) {
        $.each(userList, function(i, user) {
            $userList.append('<li>Name: '+ user.name +'</li>');
        });
    },
    error: function(error) {
        alert(JSON.stringify(error))
    },
});

这是我试图在 127.0.0.1:3000/usersjson 获取的 JSON 代码：

[{
    _id: "54dcbe726ca6812a0d64a1be",
    name: "Hayden",
    __v: 0
},
{
    _id: "54dcbe856ca6812a0d64a1bf",
    name: "Chelsea",
    __v: 0
},
{
    _id: "54dcbe8c6ca6812a0d64a1c0",
    name: "Johan",
    __v: 0
}]

有什么建议吗？

【问题讨论】：

查看浏览器的开发者工具。查看 JavaScript 控制台。它是否报告任何错误？查看“网络”选项卡。是否正在提出请求？它得到回应了吗？它们是否包含您期望的数据？
您是否检查过您确实得到了您期望的 JSON 片段？如果不是，请将userList 打印到控制台并 sse 如果这是您所期望的。
javascript 控制台什么也没显示。
我输入了一个警报（用户列表）并且没有触发警报。 $.ajax({ type: 'GET', dataType: 'jsonp', url: '127.0.0.1:3000/usersjson', success: function(userList) { alert(userlist) $.each(userList, function(i, user) { $userList.append('<li>Name: '+ user.name +'</li>'); }); }, error: function(error) { alert(JSON.stringify(error)) }, });
你在userlist有一个错字，应该是userList

标签： jquery html ajax json

【解决方案1】：

发现问题。我收到了一个 xmlHTTPrequest 错误，我认为这是 AJAX 代码的问题，但我决定研究它并将头靠在墙上几个小时。这表明我在我的 http 页面上缺少跨域访问标头。

把标题放在那里，它工作得很好。

【讨论】：