0

我有一个主页，将显示一个表格，其中包含每个用户的一些数据。后端处理这个问题，我的模型中有一个列表。我正在尝试基于此列表查看动态表，并且能够从中删除元素而无需点击刷新。我不知道从哪里开始做这样的事情。有什么帮助吗？

到目前为止，这是我所拥有的： 在 HomePage 控制器中，我有一个返回模型的 Json 表示的动作。在登录控制器中设置了“HpModel”，另一个在这个控制器中：

public JsonResult GetUserInfo(HomePageModel HpModel)
    {
        DBOps ops = new DBOps();
        HpModel.PhoneDisplay = ops.getDisplayInfo(HpModel.ExtNum);
        HpModel.NumberOfLines = HpModel.PhoneDisplay.Count;
        return Json(HpModel);
    }

在我看来，我有一个 javascript 来获取这个模型：

 function getInfo() {
            alert('here');
            $.ajax({
                url: '@Url.Action("GetUserInfo", "HomePage")',
                data: json,
                type: 'POST',
                success: function (data) {
                    alert(data);
                }
            });
        }

我不确定出了什么问题，也不是 100% 确定它是怎么做的。帮助表示赞赏:)

4

1 回答 1

0

还有一个想法。您可以使用 jQuery 隐藏和回调函数以 $Post 到您的 Delete ActionResult。

例如：（这里我创建了没有 $post: jsfiddle的简单示例）

<script>
    $('.delete').click(function()
    {
     $(this).closest('tr').hide(callback);
        function callback() {
            $post(/Home/Delete/....
          });

  </script>


<table>
    <tr>
        <td>Marry</td>
        <td>10 points</td>
        <td><a class="delete" href="#">Delete</a></td>
    </tr>
    <tr>
        <td>Jane</td>
        <td>8 points</td>
        <td><a class="delete" href="#">Delete</a></td>
    </tr>
    <tr>
        <td>Lara</td>
        <td>5 points</td>
        <td><a class="delete" href="#">Delete</a></td>
    </tr>
</table>
于 2013-08-05T20:18:06.193 回答