Action Controller 完成但 AJAX 成功回调未调用？

Question

我有一个脚本可以创建 JSON 对象并将其发送到我的操作控制器。 ActionController 接收对象并知道如何将其模型绑定到 ViewModel。

动作控制器非常简单，如下所示：

[HttpPost]
        public String SaveNumberMatrix(NumberViewModel model) {
            return "Finished";
        }

AJAX 函数：

function saveNumberMatrix(object, actioncontroller) {

    var finished = false;

    $.ajax({
    url: actioncontroller,
    type: 'POST',
    data: JSON.stringify(object),
    dataType: 'json',
    processData: false,
    contentType: 'application/json; charset=utf-8',
    success: function (data) {
        alert(data);
        finished = true;
        },   
    });
    alert(finished);
    return finished;
}

我已经调试了动作控制器，并且在我进入之前 javascript 警报已完成（假）

"return "Finished";

永远不会调用成功回调 我哪里做错了？

Answer 1

AJAX 的要点在于它是异步的，这意味着您只能在成功回调中处理结果。 $.ajax 方法向服务器发起 AJAX 请求并立即返回。在此阶段，finished 的值仍然为 false，并且您将离开该函数。很久以后，当 AJAX 完成时，就会执行成功回调。只有在此回调中，您才能使用从服务器发送的结果。

使用 AJAX 时，您不应该以顺序和同步的方式组织您的 javascript 代码。

所以它应该是这样的：

$.ajax({
    url: '/actioncontroller/savenumbermatrix',
    type: 'POST',
    data: JSON.stringify(object),
    dataType: 'json',
    processData: false,
    contentType: 'application/json; charset=utf-8',
    success: function (data) {
        // TODO: only here you can use the results of an AJAX call
    }
});

另外，我建议您让控制器操作始终返回操作结果而不是字符串：

[HttpPost]
public ActionResult SaveNumberMatrix(NumberViewModel model) {
    return Json("Finished");
}

代码的另一个问题是您将 dataType: 'json' 指示为响应，并且从服务器返回一个无效的 JSON 字符串 Finished。

Answer 2

您没有收到成功回调，因为您没有发送回有效的 json，您需要发送回 json，因为您的 dataType 是 json。因此它可能会抛出错误。

来自 jQuery 文档：

dataTypeString
Default: Intelligent Guess (xml, json, script, or html)
The type of data that you're expecting back from the server. 

在您的情况下，您指定 json 但显然没有发回 json

Answer 3

您的 ajax 请求似乎未到达服务器。请使用ajax错误函数。

error: function(a,b,c){alert(a+b+c)}

并找出问题所在

Answer 4

添加async参数为false（async: false,）则AJAX方法将被同步调用。