從ajax調用返回JSON到HTML div

Question

我有返回json的javascript ajax調用，並且試圖將其放在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

Answer 1

如評論中所述，您的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中。