如何將值從cshtml文件傳遞給JS

Question

您好我需要在按下按鈕后將一個參數傳遞給我的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>

正如您所見，我嘗試將@HttpContext.Current.User.Identity.Name發送到函數foo。

這里是我的Foo功能：

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

我試圖從sollutions這些議題： 一 兩

但我得到的只是這個錯誤：

Uncaught SyntaxError: Unexpected token ILLEGAL 

如何繞過這個？

@Update

所有文件包括：

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

完整的JS文件：

$(document).ready(function () {

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

我可以從page-source訪問js文件。

Answer 1

首先將文件序列更改為

<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');"

---

此外，您可以使用.on（）綁定事件並使用屬性傳遞參數

JS

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

HTML

<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>

Answer 2

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


$(document).ready(function () {

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

這會工作......

您應該考慮刪除html中的'onclick'屬性，並使用jquery的.on（）函數將函數綁定到按鈕。