如何将 JQuery 变量传递给 Razor？

Question

我有 JQuery 代码：

$(document).ready(function() {
    $('.LikeArea').click(function() {
        var num = parseInt(this.html());
        num++;
        elem.html(num);     
    });
});

现在我想将 jQuery 变量 num 传递给 Razor，以便我可以使用新值更新数据库。

Answer 1

Razor 是一个视图引擎。当您说要将 jQuery 变量传递给 Razor 时，不确定您的意思是什么，因为 Razor 在任何 javascript 之前在服务器上运行。您可以使用 AJAX 向服务器端模板发送请求：

$(document).ready(function() {
    $('.LikeArea').click(function () {
        var num = parseInt(this.html());
        num++;
        elem.html(num);     
        $.ajax({
            url: '/foo.cshtml',
            type: 'POST',
            data: { num: num },
            success: function(result) {
                // TODO: do something with the result returned by the 
                // foo.cshtml template
            }
        });
    });
});

这会将 AJAX 请求发送到 /foo.cshtml 模板，您可以在其中获取变量，如下所示：

@{
    var num = Request["num"];
}
...