从 ajax 动态加载 HTML5 表格

Question

我在 ASP.Net MVC4 中工作，在我看来我有一个表，想从 但成功后没有加载。

<div id="groupTable"> <table> table columns and rows <table></div>


$.ajax({
            type: "POST",
            url: url,
            dataType: "json",
            data: { groupNames: JSON.stringify(groubyNames), page: JSON.stringify(page) },
            success: function(data) {
                   $('#groupTable').load(data); // not refreshing table withdata
            },
            error: function(request, status, error) {

                alert(request.responseText);
            }
        });

Answer 1

将负载改为html调用

编辑：这是使用 json 数据创建表的方式

    $.ajax({
                type: "POST",
                url: url,
                dataType: "json",
                data: { groupNames: JSON.stringify(groubyNames), page: JSON.stringify(page) },
                success: function(data) {
                     var table = $('<table/>');
                     $(data).each(function() {
                           var row = $('<tr/>');
                           row.append('<td>' + this.Value + '</td>');
                           row.append('<td>' + this.Value + '</td>');
                     });
                     table.append(row);                   
                     $('#groupTable').html(table); // not refreshing table withdata
                },
                error: function(request, status, error) {

                    alert(request.responseText);
                }
            });