如何在不刷新页面ASP.NET的情况下更新数据库

时间:2015-09-23 14:01:33

标签: javascript c# jquery asp.net asp.net-mvc

我们正在使用ASP.NET MVC创建一个简单的应用程序。该应用程序是关于上传图片和评级,我们有两个投票按钮,"喜欢"并且"不喜欢"

enter image description here

每次我点击相似按钮(绿色)时,除了它之外的数字加1,当我点击不喜欢按钮(红色)时,同样的事情发生,最后一个数字是这两个的总和,我们正在做这使用javascript。 这主要是像YouTube喜欢/不喜欢的计数器,现在,我们想要做的是,每次用户投票时都要将此计数器更新到数据库,如果可能的话,我们想要在没有刷新的情况下这样做页面。

1 个答案:

答案 0 :(得分:2)

单击按钮,传递变量并使用ajax发布到您的方法。

这样的事情应该让你开始:

<button value="1">Like</button>
<button value="-1">Dislike</button>
<Script>
    $("button").click(function(){
        var xButtonValue = $(this).val();
        $.post("YourController.whatever",
        {
            value: xButtonValue,
        },
        function(data, status){
            alert("Data: " + data + "\nStatus: " + status);
        });
    });
</Script>