Javascript 单击按钮调用带有参数的mvc操作

Javascript 单击按钮调用带有参数的mvc操作,javascript,asp.net-mvc,Javascript,Asp.net Mvc,我正在尝试调用MVC操作,并在html按钮上单击参数。我想知道如何将textbox值作为参数传递给该操作。 以下是我正在使用的代码: <input type="button" value="Create" onclick="location.href='@Url.Action("Verify", "Login", new { username = "'document.getElementById('txtUsername').value'", password="admin" } )'"

我正在尝试调用MVC操作,并在html按钮上单击参数。我想知道如何将textbox值作为参数传递给该操作。 以下是我正在使用的代码:

<input type="button" value="Create" onclick="location.href='@Url.Action("Verify", "Login", new { username = "'document.getElementById('txtUsername').value'", password="admin" } )'" />


我想知道如何传递文本框值的正确方法/语法,您可以用JavaScript来实现

将您的视图更改为

<input type="button" value="Create" onclick="createUser()" />

是的,但它们传递的是硬编码的参数值,我想知道如何传递相应的文本框值
function createUser() {
    var username = document.getElementById('txtUsername').value;
    var password = "admin";
    $.ajax({
        // do the rest of work here
        type: "POST",
        data: {username: username, password: password },
        url: '@Url.Action("Verify", "Login")',
        async: true,
        success: function (data) {
            // do something
        }
    });
}