使用 jquery ajax 传递数据答案

【问题标题】：Passing data with jquery ajax使用 jquery ajax 传递数据
【发布时间】：2013-10-17 23:17:59
【问题描述】：

我总是收到“错误”警报，但我不知道出了什么问题。我只是想取回我发送的字符串（“testexpression”）。它必须与数据部分有关，因为没有参数它可以工作。

这里是 jquery 部分：

<script>

$("#meaning").blur(function () {

    $.ajax({ 
        type: "POST",
        url: '/GetMeaning/',
        data: {"expression" : "testexpression"},
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: successFunc,
        error: errorFunc
    });

    function successFunc(data, status) {
        $("#dictionaryDropDown").html(data);
    }

    function errorFunc() {
        alert('error');
    }
})
</script>

这是控制器：

    public class GetMeaningController : Controller
{
    //
    // GET: /GetMeaning/

    [HttpGet]
    public ActionResult Index()
    {
        return View();
    }

    [HttpPost]
    public ActionResult Index(string expression)
    {

        return Json(expression, JsonRequestBehavior.AllowGet);

    }

}

（更新：类型是post，我也只是用get试了一下，我把它留在了）

【问题讨论】：

标签： jquery ajax asp.net-mvc

【解决方案1】：

您需要将数据作为字符串/json 发送。您正在发送一个 javascript 对象。此外，URL 可能需要是绝对 url 而不是相对 url

$("#meaning").blur(function () {

    $.ajax({ 
        type: "POST",
        url: '/GetMeaning/',
        data: JSON.stringify({expression: "testexpression"}),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: successFunc,
        error: errorFunc
    });

    function successFunc(data, status) {
        $("#dictionaryDropDown").html(data);
    }

    function errorFunc() {
        alert('error');
    }
})

【讨论】：

【解决方案2】：

我推荐在后端

return Json(
    new { this.expression = expression },
    JsonRequestBehavior.AllowGet);

假设您想发回一个实际的 JSON 而不仅仅是一些随机字符串。

【讨论】：