从ajax动态加载HTML5表

时间:2013-07-18 13:43:07

标签: jquery ajax asp.net-mvc html5 asp.net-mvc-4

我在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);
            }
        });

1 个答案:

答案 0 :(得分:0)

将加载更改为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);
                }
            });