asp.net-mvc-3 - 通过 AJAX 向 MVC3 控制器发送和获取值

Question

我有一个 html 输入文本字段和一个按钮。

我想通过单击该按钮从该 ​​html 文本字段中获取用户输入值，并希望将该值（通过 AJAX）发送到 MVC3 控制器（就像 ActionResult setValue() 的参数一样）？

我想知道的另一件事是，我如何从 MVC3 控制器获取返回值（由 ActionResult getValue() 返回）并将其设置在 html 文本字段中（通过 AJAX）？

请帮我举一个很好的例子，拜托。对不起我的英语不好。:)

Answer 1

按钮点击事件

$(document).ready(function ()
{
    $('#ButtonName').click(function ()
    {
        if ($('#YourHtmlTextBox').val() != '')
        {
            sendValueToController();
        }
        return false;
    });
});

你这样调用你的ajax函数：

function sendValueToController()
{
    var yourValue = $('#YourHtmlTextBox').val();

    $.ajax({
        url: "/ControllerName/ActionName/",
        data: { YourValue: yourValue },
        cache: false,
        type: "GET",
        timeout: 10000,
        dataType: "json",
        success: function (result)
        {
            if (result.Success)
            { // this sets the value from the response
                $('#SomeOtherHtmlTextBox').val(result.Result);
            } else
            {
                $('#SomeOtherHtmlTextBox').val("Failed");
            }
        }
    });
}

这是被调用的动作

public JsonResult ActionName(string YourValue)
{
    ...
    return Json(new { Success = true, Result = "Some Value" }, JsonRequestBehavior.AllowGet);
}