jquery - ASP.NET MVC 的基本 AJAX 示例？

Question

我正在制作一个用于教育目的的演示 ASP.NET MVC 应用程序。

我有一个图像/链接将帖子标记为攻击性帖子。我想通过 AJAX 向服务器请求标记攻击性并检查以确保用户具有此能力。

如果用户这样做，那么我想在数据库中将该帖子标记为冒犯性，并返回该标记已通过。如果用户最终没有权利标记项目，那么我想向客户端返回一条负面消息，这样我就可以弹出一个漂亮的 jQuery 框，说明它没有通过。

我试图在没有完整回发/刷新的情况下完成这一切。

有人有任何使用 MVC 发出的简单 AJAX 请求示例的链接吗？

Answer 1

使用 jQuery 实际上非常简单。假设您的链接是这样的:

<a href="javascript:flagInappropriate(<%=Model.PostId%>);">Flag as inappropriate</a>

创建一个 JavaScript 来调用 Controller 中的操作，以根据需要进行检查和标记:

function flagInappropriate(postId) {
    var url = "<CONTROLLER>/<ACTION>/" + postId;
    $.post(url, function(data) {
        if (data) {
            // callback to show image/flag
        } else {
            // callback to show error/permission
        }
    });
}

在 Controller 中的操作方法可能如下所示:

[AcceptVerbs("POST")]
public bool FlagAsInappropriate(int id) {
    // check permission
    bool allow = CheckPermission();

    // if allow then flag post
    if (allow) {
        // flag post

        return true;
    } else {
        return false;
    }
}