获取Html.TextBox的值

Question

我想将输入的文本框的值赋给jquery中的一个变量。

@Html.TextBox("username", @Views.Resource.EnterEmail, new { @class = "cssclass" })

Jquery

$(document).ready(function () {
    $("#Login").click(function () {

        var u = ??;
        var p = ??;

        $.ajax({
            type: "POST",
            url: "/User/Login",
            data: "username=" + u + "&password=" + p

        });
    });
});

Answer 1

为您的输入提供唯一ids：

@Html.TextBox(
    "username", 
    @Views.Resource.EnterEmail, 
    new { @class = "cssclass", id = "username" }
)

然后：

$('#Login').click(function () {
    var u = $('#username').val();
    var p = $('#password').val();
    $.ajax({
        type: 'POST',
        url: '/User/Login',
        data: { username: u, password: p }
    });
    return false;
});

但是一个更好的替代方案是订阅相应表单的.submit()事件，而不是某个按钮的单击事件：

$('#loginForm').submit(function () {
    $.ajax({
        type: this.method,
        url: this.action,
        data: $(this).serialize()
    });
    return false;
});

其中loginForm是一个惟一的id，您将为包含这些输入字段的表单提供该id。