从jQuery执行同步Ajax请求？

Question

我知道这听起来像以前被问过的东西,但是对于我所有的狩猎,我找不到任何与我正在寻找的东西相匹配的东西.

我正在开发一个基于Ajax的项目.我正在使用jQuery,但即使它使用精美的代码,当我已经达到代码完全相同时,它仍然很混乱,除了通过data字段传递的单个命令.

所以我尝试在处理函数中设置它,如下所示:

function _call(task, opts, async) {
    if(typeof async !== "boolean") { async = true; }
    opts = $.extend({}, opts, options);
    $.ajax({
        url: "myphpfile.php",
        dataType:"JSON",
        type:"POST",
        async:async,
        data: { task: task, opts: opts }
    }).done(function(data) { return data; });
}

对于那些通读的人,你会注意到有一个var, options在示例中没有定义.它实际上已被分配,为了清楚起见,它被省略了.

我开始意识到这不起作用,因为即使它被设置async: false,代码仍然在调用之后继续_call(...),因此不能及时得到结果.我尝试了一些不同的变体,包括将匿名函数传递给处理程序,然后将其用作.done()函数,但它不会与外部变量交互,从而无法实现目的.

我正在寻找的是一个让我使用它的系统:

var returnedData = _call("thisismytask");
var returnedDataWithOptions = _call("thisisanothertask", {'option': 'option1'});

我真的希望这是可能的.我确信它会是,因为函数的主要目的是消除不必要的重复代码的需要.

谢谢.:)

Answer 1

你可以这样做:

function _call(task, opts) {
    opts = $.extend({}, opts, options);
    return $.ajax({
        url: "myphpfile.php",
        dataType:"JSON",
        type:"POST",
        data: { task: task, opts: opts }
    });
}

它不需要传递回调_call,但功能相同.

_call("thisisanothertask", {'option': 'option1'}).then(function(data) {
  // function body here
});