如何检索web服务数据并将其放置在html表中

How do I retrieve web service data and place it in an html table?

本文关键字：表中 html 数据 何检索 检索 服务 web      更新时间：2023-09-26

有没有办法从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;
}

我使用了这里的代码。在本例中，数组直接在Javascript中，但我想从web服务中检索数组。这可能吗？

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

$.ajax({
  url: ""
}).done(function(data) {
  buildHtmlTable(data);
});
function buildHtmlTable(myData) {
...
}
相关文章：