Javascript ajax 将文本框文本发送到 ActionResult asp.net mvc

Html

<input type="password" id="LoginPasswordText" title="Password" style="width: 150px" />


<input type="button" id="LoginButton1" value="Save" class="LoginButton1Class" onclick="LoginButton1OnClick" />

Json

var TextBoxData = {
Text: LoginPasswordText.GetValue(),
};


   function LoginButton1OnClick() {
        $.ajax({
            url: "/Home/MyActionResult",
            type: "POST",
            dataType: "json",
            contentType: 'application/json',
            data: JSON.stringify(TextBoxData),

            success: function (mydata) {
               alert("Success");
            }
        });
        return true;
    }

我的行动结果

public ActionResult MyActionResult(string Text)
{
 return view();
}

上面的代码（Html，Json，MyActionResult）工作得很好，但它是json数据。

我想将上面的代码作为ajax数据发送。我尝试了下面的代码。 但是下面的代码不起作用，如果我单击按钮，我无法发送任何数据并且什么也没有。我错过了什么？

<script>
    function LoginButton1OnClick() {

         var TextBoxData = {
    Text: LoginPasswordText.GetValue(),
    };


        $.ajax({
            type: "POST",
            url: "Home/MyActionResult",
            data: TextBoxData,
            success: function () {
                alert('success');
            }
        });

    }
</script>

您不需要包装额外的对象。另外你的 javascript 无效。后面有一个逗号LoginPasswordText.GetValue()调用导致 JavaScript 错误。另外，为了检索输入字段的值，您可以使用.val() http://api.jquery.com/val/功能。

因此只需按原样发送值即可：

<script>
    function LoginButton1OnClick() {
        var text = $('#LoginPasswordText').val();

        $.ajax({
            type: "POST",
            url: "Home/MyActionResult",
            data: text,
            success: function () {
                alert('success');
            }
        });
    }
</script>

这会将字符串值发送到以下控制器操作：

[HttpPost]
public ActionResult MyActionResult(string text)
{
    return View();
}