javascript - 如何检索 Web 服务数据并将其放入 html 表中？

Question

有没有办法从 Web 服务检索 json 数组并将其存储在变量中？

我有一个这样的表:

<table id="myTable" border="1"></table>

我像这样填充它:

// JSON array
var myData = method to retrieve json data from web service

// Builds the HTML Table out of myList json data from Ivy restful service.
function buildHtmlTable() {
    var columns = addAllColumnHeaders(myData);

    for (var i = 0 ; i < myData.length ; i++) {
        var row$ = $('<tr/>');
        for (var colIndex = 0 ; colIndex < columns.length ; colIndex++) {
            var cellValue = myData[i][columns[colIndex]];

            if (cellValue == null) { cellValue = ""; }
            row$.append($('<td/>').html(cellValue));
        }
        $("#myTable").append(row$);
    }
}

function addAllColumnHeaders(myList) {
    var columnSet = [];
    var headerTr$ = $('<tr/>');

    for (var i = 0 ; i < myData.length ; i++) {
        var rowHash = myData[i];
        for (var key in rowHash) {
            if ($.inArray(key, columnSet) == -1) {
                columnSet.push(key);
                headerTr$.append($('<th/>').html(key));
            }
        }
    }
    $("#myTable").append(headerTr$);

    return columnSet;
}

我使用了找到的代码 here 。在此示例中，数组直接位于 Javascript 中，但我想从 Web 服务检索数组。这可能吗？

Answer 1

查看此处的文档了解更多详细信息:http://api.jquery.com/jQuery.ajax/ 你会想做这样的事情:

$.ajax({
  url: ""
}).done(function(data) {
  buildHtmlTable(data);
});

function buildHtmlTable(myData) {
...
}