如何将 javascript 变量值传递给 MVC 控制器？答案

【问题标题】：How Can I pass a javascript variable value to MVC controller?如何将 javascript 变量值传递给 MVC 控制器？
【发布时间】：2016-05-25 06:05:05
【问题描述】：

只是一个例子：

在 JavaScript 中，我有两个变量值：

电影编号：2
评分值：3

我需要将这些值传递给 MVC 控制器。

【问题讨论】：

你可以使用 Ajax 发送..请发布你尝试过的内容..

标签： javascript model-view-controller

【解决方案1】：

首先，最简单的方法是使用 jquery 的 ajax 调用。

这是我的例子：

首先创建类似这样的操作。我使用索引作为开始动作，您应该为其创建一个视图，然后从该视图中我们将数据传递给电影动作

 public ActionResult Index()
    {
        return View();
    }

    public ActionResult Movies(int movieId, int ratingValue)
    {
        string s =  movieId + " - " + ratingValue;

        return Json(s, JsonRequestBehavior.AllowGet);
    }

**现在创建视图索引，我们在点击按钮时发送数据。然后导入 jquery 文件并在标签中使用它，如下所示 **

 <html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="~/Scripts/jquery-2.2.3.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('#sendData').click(function () {
            var movie = 3;
            var rating = 2;

            var option = {
                url: '/Home/Movies',
                data: JSON.stringify({ movieId: movie, ratingValue: rating }),
                method: 'post',
                dataType: 'json',
                contentType: 'application/json;charset=utf-8'
            };

            $.ajax(option).success(function(data) {
                alert(data);
            })
        });
    });
</script>
</head>
<body>
    <div> 
        <input type="submit" value="Send data" id="sendData" />
    </div>
</body>
</html>

你会看到结果

Result in browser

【讨论】：