javascript - jQuery Ajax Success or Fail 方法命中

Question

我在下面有以下代码，它应该在单击链接时调用控制器。控制器被成功调用，但在 javascript 端被命中的唯一方法是always显示一个弹出窗口，说明“未定义”。

将方法添加到链接

$('.retrieveTeam').click(function () {
        _getData($(this).data("teamkey"));
    });

jQuery AJAX 调用

function _getData(postdata) {
    var request = $.ajax({
        url: 'RetrieveTeam',
        type: 'POST',
        data: JSON.stringify({ TeamKey: "331.l.542488.t.1" }),
        datatype: JSON,
        contentType: "application/json"
    });
    request.success = function (result) {
        alert(result);
    }
    request.error = function (result, xh) {
        alert("error");
    }
    request.fail = function () {
        alert("failure");
    }
    request.always = function (result) {
        alert(result);
    }
}

控制器

    [HttpPost]
    public JsonResult RetrieveTeam(string TeamKey)
    {
        List<Team> objTeams = (List<Team>)Session["Teams"];

        Team objTeam = objTeams.Where(x => x.TeamKey == TeamKey).FirstOrDefault();

        objTeam.AddPlayer(new FootballPlayer(new Position("QB", "QB", "QB"), "Brett Favre", "QB"));

        return Json(objTeam);
    }

Answer 1

您正在使用 jQuery 2.1.1。阅读手册页我们可以$.ajax看到：

从jQuery 1.8 开始，不推荐使用jqXHR.success()、jqXHR.error()和回调。jqXHR.complete()要为最终删除准备您的代码，请使用jqXHR.done(),jqXHR.fail()和jqXHR.always()。

在您的代码中，

request.success = ...

应该替换为

request.done(...)

以及。.fail =_ .error()另外，修复您的数据类型。
总之，这使我们能够：

function _getData(postdata) {
    $.ajax({
        url: 'RetrieveTeam',
        type: 'POST',
        data: JSON.stringify({ TeamKey: "331.l.542488.t.1" }),
        datatype: "json",
        contentType: "application/json"
    }).done(function (foo) {

    }).fail(function (foo) {

    }).always(function (foo) {

    });
}