javascript - 无法使用 Ajax Json 响应填充表

Question

我正在发送此有效的 JSON 作为我的网络服务调用的响应

[
    [
        {
            "id": 123,
            "vendorName": "PoppyCounter",
            "item": "Chocltae"
        },
        {
            "id": 1234,
            "vendorName": "PoppyCounter",
            "item": "Chocltae"
        },
        {
            "id": 12345,
            "vendorName": "PoppyCounter",
            "item": "Chocltae"
        },
        {
            "id": 123456,
            "vendorName": "MahalakshmiCounter",
            "item": "Chocltae"
        }
    ]
]

这是我的 Jquery

$(document).ready(function() {
        $.ajax({
            type: 'GET',
            url: 'http://192.168.2.46:8086/Poller/poll/initial',
            jsonpCallback: 'jsonCallback',
            dataType: 'jsonp',
            success: function (response) {
                var trHTML = '';
                $.each(response, function (i, item) {
                    trHTML += '<tr><td>' + item.id + '</td><td>' + item.vendorName + '</td><td>' + item.item + '</td></tr>';
                });
                $('#records_table').append(trHTML);
            },
            error: function (e) {
                $("#divResult").html("WebSerivce unreachable");
            }
        });



    });


<table id="records_table" border='1'>
    <tr>
        <th>Rank</th>
        <th>Content</th>
        <th>UID</th>
    </tr>

这样，结果在浏览器中看起来像这样

我正在编辑我的问题

编辑部分

由于跨域限制，我将 JSON 形成 jsonp，如下所示

这是我的ajax jquery 请求

 $(document).ready(function() {
        $.ajax({
            type: 'GET',
            url: 'http://192.168.2.46:8086/Poller/poll/initial',
            jsonpCallback: 'jsonCallback',
            dataType: 'jsonp',
            jsonp: false,
            success: function (response) {
                var trHTML = '';
                $.each(response, function (i, item) {
                      trHTML += '<tr><td>' + item.id + '</td><td>' + item.vendorName + '</td><td>' + item.item + '</td></tr>';
                });
                $('#records_table').append(trHTML);

                doPoll();
            },
            error: function (e) {
                $("#divResult").html("WebSerivce unreachable");
            }
        });

    });

由于 jsonCallback ，它没有形成有效的 JSON 响应，并且我在形成表时未定义无论如何，我可以从有效的 JSON 响应中得到吗？？

jsonCallback([
    [
        {
            "id": 123,
            "vendorName": "PoppyCounter",
            "item": "Chocltae"
        },
        {
            "id": 1234,
            "vendorName": "PoppyCounter",
            "item": "Chocltae"
        },
        {
            "id": 12345,
            "vendorName": "PoppyCounter",
            "item": "Chocltae"
        },
        {
            "id": 123456,
            "vendorName": "MahalakshmiCounter",
            "item": "Chocltae"
        }
    ]
])

Answer 1

你必须再有一个$.each()循环:

$.each(response, function (i, item) {
    $.each(item, function(_, o){
      trHTML += '<tr><td>' + o.id + '</td><td>' + o.vendorName + '</td><td>' + o.item + '</td></tr>';
    });
});