从jquery设置razor变量中的值

Question

我有一个观点，我想从jQuery中设置razor变量的值。 我这样想

@{
    ViewBag.Title = "Products";
    Layout = "~/Views/Shared/_Layout.cshtml";
    string ip_address = "";
}

<script type="text/javascript">
    $(function () {
        $.get("http://ipinfo.io", function (response) {
            console.log("ip+" + response.ip);
            '@ip_address' = response.ip;

        }, "jsonp");
    });
</script>

但这是抛出一个错误Uncaught ReferenceError: Invalid left-hand side in assignment

Answer 1

您想要做的事情在技术上是不可能的 - 正如评论和其他答案已经注意到的那样。

为了总结为什么这不起作用，Razor是一个视图引擎 ，它使用在页面请求时在服务器上执行的C＃代码，以便构建发送给客户端的HTML 响应 。

客户端没有引用Razor变量，并且Razor视图引擎无法访问JavaScript变量 - 尽管它可以在脚本块中输出JavaScript，该脚本块在页面加载时设置变量的初始值。

即使JavaScript可以访问Razor变量，它也只会在页面被传递到客户端设备上的用户代理（浏览器的外行术语）时执行，而且你做任何条件都为时已晚此时渲染，显示/隐藏数据或安全检查，或在视图中使用变量。

如果您只需要客户端IP地址，那么您已经可以通过Request对象的UserHostAddress属性在控制器中访问它。 根据您的想法，您可以通过ViewBag将其从控制器传递到视图并呈现它（'您的IP地址是......'），或者如果您出于安全目的使用它，请将其用于控制器过滤返回到视图的操作，或者确定是否应该向用户呈现视图（通常不应在视图本身内执行业务/域逻辑）。

这也意味着您不依赖于第三方服务 - 您的Web服务器必须知道请求该页面的用户的IP地址，因为它使用此服务将响应发送回其浏览器。

如果您想要只能从浏览器确定的其他数据，例如正在呈现页面的“视口”（浏览器窗口）的大小 - 最好的办法是使用Ajax请求将其发送到控制器行动与No1_Melman的回答一样。

Answer 2

我想我已经明白你要做什么了。

我强烈认为你对ASP.NET的了解还不够，无法实现你想做的事情。 因此，我强烈建议您阅读有关codeproject和asp.net的更多教程，以便您可以完全理解MVC框架以及如何使用它。

原始响应

如果需要，您可以将该信息直接发布到您的服务器：

$(function () {
    $.get("http://ipinfo.io", function (response) {
        $.post("/MyController/Action", response);
    }, "jsonp");
}) 

Razor仅用于渲染输出。 因此，一旦您在浏览器中查看该页面，它将与剃刀具有ZERO关系，即不与其进行交互。

我的代码没有加载部分，但是，一旦你加载了初始页面（触发到ipinfo的那个），你可以使用JavaScript来呈现UI。 我的代码使用jQuery将IP响应发布到MVC中的一个动作，所以在我的/MyController/Action ，你用/Home/_ProductList替换。 顺便说一下，你不应该用“_”为Action添加前缀

因此，根据您所说的，您希望加载部分内容而不是操作，由于您编写的代码，评论会让我感到困惑。 我将如何做到这一点：

@{
    ViewBag.Title = "Products";
    Layout = "~/Views/Shared/_Layout.cshtml";
    string ip_address = "";
}

@Html.Partial("_ProductList");

<script type="text/javascript">
    $(function () {
        $.get("http://ipinfo.io", function (response) {
            $.post("/MyController/Action", response.ip, function (successObj) {
                 // In here is where I set what ever in the partial

                 // I'm guessing that in the partial it renders some product table to view the products?
                 $.each(successObj, function (product) {

                    $("productTable").append(/* some new row using the product variable */);
                 });
             });            
               console.log("ip+" + response.ip);
        }, "jsonp");
    });
</script>