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) {
...
}

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

1 个答案: