Jquery 未填充 html table

Question

我已经在 MVC 中实现了分页并使用 JQUERY 来填充 table。但我不知道为什么 jquery 没有填充结果。

我的控制器方法：

 public ActionResult Clear()
        {
            IPagedList<Provider> providerList = null;
        providerList=db.Provider.OrderBy(x=>x.ProviderName).ToPagedList(1,100);
            return Json(providerList, JsonRequestBehavior.AllowGet);
       }

我的Jquery：

 $('#clearSearchButton').click(function () {
        $.ajax({
            url: '@Url.Content("~/Provider/Clear")',
            type: "GET",
            //  contentType: "application/json; charset=utf-8",
            data: "{}",
            dataType: "json",
            sucess: function (data) {
                alert("You are in success function");
                // $("tbody").empty();
                $.each(function (index, value) {
                    $('#tblData').append("<tr><td style='text-align: center;'><input type='checkbox' class='checkbox' name='deleteIds' value=" + value.Id
                        + "></td><td>" + value.ProviderName
                        + "</td><td>" + value.LegalProviderName
                        + "</td><td>" + value.Email
                        + "</td><td>" + value.HotLineNumber
                        + "</td><td><a href=" + value.WebSiteLink + " target='_blank'>" + value.WebSiteLink + "</a>"
                        + "</td><td><a href=" + value.AdminPortalLink + " target='_blank'>" + value.AdminPortalLink + "</a>"
                        + "</td><td> <a href=Provider/Details/" + value.Id
                        + ">Details</a> | <a href=Provider/Edit/" + value.Id
                        + ">Edit</a> | <a href=Provider/Delete/" + value.Id
                        + ">Delete</a> |  <a href=ProviderDocument/" + value.Id + " target='_blank'>Doc</a>"
                        + "</td></tr>");
                })
            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert('error');
            }



        });
    });

请帮助我如何填充我的数据。

Answer 1

验证您的响应是否成功，控制台日志到您的数据输出结构。如果符合预期，请使用 $.each 方法，如下所示，

$.each(function (index, value) { ... }

收件人：

 $.each(data, function (index, value) { ... }

Jquery 未填充 html table

Jquery not populating the html table

asp.net-mvc

paging

jquery

pagination