javascript – 从jquery设置razor变量中的值

我有一个观点,我想从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>

但这是抛出一个错误未捕获的ReferenceError:赋值中的左侧无效

解决方法:

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

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

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

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

如果您只想要客户端IP地址,那么您已经可以通过UserHostAddress propery of the Request object在控制器中访问它.根据您的想法,您可以通过ViewBag将其从控制器传递到视图并呈现它(‘您的IP address是……’),或者如果您出于安全目的使用它,则在控制器内部使用它来过滤返回到视图的操作,或者确定是否应该向用户呈现视图(业务/域逻辑)通常不应在视图本身内进行).

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

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

上一篇:找不到ASP.NET视图


下一篇:javascript – Knockout不工作