创建Ajax投票系统

Question

我使用的是JQueryMVC3和asp.net。

我想在我的网站上实现一个评论系统，有能力上投票和下投票的评论。我希望投票是通过Ajax完成(没有重定向)。它应该更新投票数，并防止对该评论进行进一步投票。

有人能解释一下我是怎么做到的吗。我应该调用哪些jquery函数以及如何使用它们？

谢谢

Answer 1

你的问题很宽泛。您可以使用$.ajax()函数向控制器操作发送AJAX请求，该操作将在给定问题id的情况下将投票计数更新到数据库中：

$.ajax({
    url: '<%= Url.Action("VoteUp") %>',
    data: { questionId: 1234 },
    success: function(result) {
        alert('thanks for upvoting this question');
    }
});

显然，控制器操作应该检查当前登录的用户是否已经对这个问题投了赞成票。

Answer 2

您可以设计一个通用处理程序(.ashx)来处理数据库并使用ajax调用来调用它。例如：

[WebService(Namespace = "http://www.mysite.com/webservices")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class UpVote : IHttpHandler
{  public void ProcessRequest(HttpContext context)
    { 
       // Create this method to deal with your database
       MakeUpVote(context.Request["commentID"].tostring());   // Comment ID is the input
} }

现在通过Ajax调用来调用该方法

$.ajax({
            url: "UpVote.ashx",
            type: "POST",
            data: ({ "commentID": commentID }),
            success: function(result) {
 alert ("You have upvoted");}
                    });