從rest接口獲取JSON [Object object]

Question

我有一個使用apache camel的簡單Web服務，在HTTP GET上，它將數據庫中的列名作為JSON返回。

通過單擊按鈕將GET綁定到我的前端。 單擊開發人員工具，我可以看到XHR數據返回我期望的值，但是我似乎無法以編程方式將它們拉出來。

我試圖閱讀的數據示例：

[{"COLUMN_NAME":"EID"},{"COLUMN_NAME":"USERID"},{"COLUMN_NAME":"LAST_UPDATE"},{"COLUMN_NAME":"LAST_UPDATED_BY"},{"COLUMN_NAME":"CREATED_DATE"}]

$(document).ready(function () {
    $('#getButton').click(function () {
    $.ajax({
        url: 'http://localhost:8090/rs/persons'
    }).then(function(data) {
            $.each(data, function(index, value) {
            $('#dropList').append(
                $('<option>', {text: value})
            )})
        });
    });
});

使用上面的代碼，我的選擇列表（dropList）填充返回集中每個項目的Object對象。

請指教，謝謝。

Answer 1

value是指對象。 要附加文本，您需要引用該對象的屬性：

$('<option>', {
  text: value.COLUMN_NAME // note the property name here
});

另請注意，您可以通過創建單個HTML字符串來優化邏輯，這樣您只需要調用append()一次：

 var data = [{ "COLUMN_NAME": "EID" }, { "COLUMN_NAME": "USERID" }, { "COLUMN_NAME": "LAST_UPDATE" }, { "COLUMN_NAME": "LAST_UPDATED_BY" }, { "COLUMN_NAME": "CREATED_DATE" }] var html = data.map(function(o) { return `<option>${o.COLUMN_NAME}</option>`; }).join(''); $('#dropList').append(html); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="dropList"></select>