从ajax调用返回JSON到HTML div

debugcn 发表于 Dev

齐尔

我有我的 javascript ajax 调用返回 json 并且我试图将它放在 HTML 页面上。

我使用这个代码：

      success: function(response) {
        console.log(response);
        for (var i=0;i<response.length;++i)
        {
            $('#main').append('<div class="name">'+response[i].name+'</>');
        }
          },
          error: function(response) {
            alert(response);
          }
        });

但是，它似乎可以很好地将 json 打印到我的控制台，但我没有将任何内容返回到网站。

我有一个 div 来收集它：

<div id="main">Test</div>

知道我哪里出错了吗？

编辑：控制台日志响应是这样的：

{totalPages: 0, firstPage: true, lastPage: true, numberOfElements: 0, number: 0, …}
columns: {columnIds: Array(3)}
firstPage: true
lastPage: true
number: 0
numberOfElements: 0
oberonRequestXML: [null]
oberonResponseXML: [null]
summaryData: {totals: Array(3)}
totalElements: 0
totalPages: 0
__proto__: Object

特里科特

如评论中所述，您的 JSON 响应不是数组——没有length属性，因此您的循环不会循环。此外，您似乎期望一个包含具有name属性的对象的数组。这在您得到的响应中无处可见。

假设您正在调用正确的 JSON 服务，您可以迭代的唯一信息存储在两个属性中：columns.columnIds和summaryData.totals。所以你会得到一些东西，如果你这样编码：

console.log(response);
for (var i=0;i<response.columns.columnIds.length;++i) {
    $('#main').append('<div class="name">'
                 + response.columns.columnIds[i] 
                 + ': '
                 + response.summaryData.totals[i] + '</div>');
}

这假设这些值是原始值，从您得到的响应中并不清楚。

但同样，这不会输出name属性值，因为它们不会出现在您的 JSON 中，就您的问题中可见而言。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。