Javascript 如何将值从cshtml文件传递到JS

您好，我需要在按下按钮后将一个参数传递给my JS函数

这是我的按钮：

<button type="button" class="btn btn-default" id="UserClick" onclick="foo(@HttpContext.Current.User.Identity.Name)">Click here to add me as a user</button>

我尝试了这些主题的解决方案：

但我得到的只是这个错误：

Uncaught SyntaxError: Unexpected token ILLEGAL 

如何绕过这个

@更新

所有文件包括：

<script src="/Scripts/CreateDevice.js"></script>
<script src="/Scripts/jquery-ui.js"></script>
<script src="/Scripts/jquery-1.10.2.js"></script>

我可以从页面源代码访问js文件

onclick="foo('@HttpContext.Current.User.Identity.Name');"


$(document).ready(function () {

window.foo = function(value) {
    alert(value);
};
})

这会有用的

---

您应该考虑删除HTML中的“单击”属性，并使用jQuery的函数将函数绑定到按钮。

首先将您的文件序列更改为

<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="/Scripts/jquery-ui.js"></script>
<script src="/Scripts/CreateDevice.js"></script>

用引号传递参数

onclick="foo('@HttpContext.Current.User.Identity.Name');"

---

此外，您可以使用属性绑定事件并传递参数

JS

HTML

单击此处将我添加为用户

Uncaught ReferenceError:此更改后未定义foo函数foo（value）{alert（value）；}；--你在哪里写的？浏览器似乎无法访问此代码

<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="/Scripts/jquery-ui.js"></script>
<script src="/Scripts/CreateDevice.js"></script>

$(document).ready(function () {
});

function foo(value) {
    alert(value);
};

onclick="foo('@HttpContext.Current.User.Identity.Name');"

$(document).ready(function () {
    //Bind Event
    $(document).on('click', '#UserClick', function(){
        alert($(this).data('user-name'))
    });
});

<button type="button" 
    class="btn btn-default" 
    id="UserClick" 
    data-user-name="@HttpContext.Current.User.Identity.Name"
    >Click here to add me as a user</button>