C# 迭代JSON数组并在HTML表中显示结果

我尝试遍历数组，并在HTML表中显示结果。数据来自Web服务

我的JavaScript函数：

function loadDate() {

        var PanelID = document.getElementById('PanelID').value;
        alert(PanelID);

        $.ajax({
            type: "POST",
            url: "../../WebService/QRCode.asmx/getDatetime",
            data: "{ 'PanelID': '" + PanelID + "' }",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            async: false,
            cache: true,
            success: function(data) {

                var table = document.createElement('table');
                var str = '<table>';
                str += '<tr><th>Von</th><th>Bis</th><th>Thema</th></tr>';

                for(var i = 0; i < data.d.length; i++) {

                    str += '<tr><td>' + data.d[i].Von + '</td><td>' + data.d[i].Bis + '</td><td>' + data.d[i].Thema + '</td></tr>';

                }
                str += '</table>';
                return str;


                var existingDiv = document.getElementById('DataTable');
                existingDiv.innerHTML = loadDate(data);

            },
            error: function(x, e) {
                alert("The call to the server side failed. " + x.responseText);
            }
        });
    }

你为什么要这么做

return str;

你要把它还给哪里？你的代码应该是

existingDiv.innerHTML = loadDate(str);

旧的

return str;

var existingDiv = document.getElementById('DataTable');
existingDiv.innerHTML = loadDate(data);

新的

var existingDiv = document.getElementById('DataTable');
existingDiv.innerHTML = loadDate(data);

return str;

但是您的

str

没有在任何元素中设置，所以您想设置元素吗？ 这样

var existingDiv = document.getElementById('DataTable');
    existingDiv.innerHTML = str;

---

json数据看起来是什么样子的？嘿，谢谢，到目前为止它还在工作。他将数据加载到表中，但2秒后，表将显示。奇怪的是，你知道是什么导致桌子在2秒后消失吗？

return str;

var existingDiv = document.getElementById('DataTable');
existingDiv.innerHTML = loadDate(data);

var existingDiv = document.getElementById('DataTable');
existingDiv.innerHTML = loadDate(data);

return str;

var existingDiv = document.getElementById('DataTable');
    existingDiv.innerHTML = str;