Question

 <script>
    $(document).ready(function () {
        $('#btnClick').click(function () {
            $.ajax({
                url: '/jQueryPratice/HandleJsonArray',
                dataType: 'json',
                method: 'post',
                success: function (data) {
                    var roleTable = $('#tblRole tbody');
                    $(data).each(function (index, role) {
                        roleTable.append('<tr><td>' + role.RoleDescription + '</td><td>' + role.RoleShortDescription + '</td></tr>')
                    });
                }
            });
        });
    });
</script>

在视野中

<body>
<hr />
<input type="button" value="Click" id="btnClick" />
<br /><br />
    <table id="tblRole" border="1">
        <thead>
            <tr>
                <th>
                    RoleDescription
                </th>
                <th>
                    RoleShortDescription
                </th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>

现在，我想在单击“单击”按钮时追加表格。我从调用中获取数据，但是它没有绑定数据，而是在浏览器上获取了纯Jaon数组。我该怎么做才能将数组与表绑定？

Answer 1

也许您是将数据直接从ajax调用方法返回到浏览器。尝试先将数据接收到视图，然后将其附加。

print_line()

在此视图中创建表格和按钮。然后使用其他操作方法返回您的收藏集

    public ActionResult Index()
    {
        return View();
    }

希望它对您有用。

Answer 2

我只需要将json列表传递给视图，而不是像这样直接返回

public ActionResult Index()
{
    return View();
}
public ActionResult HandleJsonArray()
{
    //get roles
    return Json(roles, JsonRequestBehavior.AllowGet);
}

表未附加ajax数据，而是在浏览器中显示了json数组

2 个答案: