Question

我可以用这种方式声明一个jQuery AJAX：

var foo = $.ajax({ ... });

但那实际上执行请求然后就在那里，对吗？

如何在不首先执行AJAX调用的情况下声明AJAX调用，然后再调用它？类似的东西：

var foo = $.ajax({ ... });
// some stuff in between
foo.execute();

感谢。

修改更多信息：我真正想做的是有一个函数，它根据参数构造一个AJAX请求，将它返回给调用代码，并让调用代码管理它的状态（即能够执行它，中止它等等））。因此，我不想简单地声明AJAX调用的设置，而是希望获得$ .ajax返回的实际XHR对象，只有能够执行它，中止它等等。

Answer 1

$ .ajax返回promise对象，因此我们可以创建函数：

function prepareAjax(properties) {
  var defer = $.Deferred();

  var promise = defer.promise();

  return $.extend(promise, {
    execute: function () {
      return $.ajax(properties).then(defer.resolve.bind(defer), defer.reject.bind(defer));
    }
  });
}

调用此函数，例如：

var xhr = prepareAjax({ method: 'get', url: 'https://localhost:8001' })

将结果写入控制台：

xhr.then(function (result) { console.log(result) });

执行推迟：

xhr.execute()

Answer 2

您可以设置您的请求，然后再执行

 var ajaxSettings={};
 //....do other things
  $.ajax(ajaxSettings);//then call ajax

或者可以通过将ajax设置为此

来同步运行它

   jQuery.ajaxSetup({async:false});

Answer 3

如果我说得对，你需要像

这样的东西

var foo = $.ajax({ ... });
// some stuff in between
result = foo.execute(); 
// do something based on result

然而，这不会起作用，因为根据定义，ajax调用是异步处理的。您可以使用函数进行回调并将其传递给ajax成功处理程序。

function myAjaxThingy(callback) {
    $.ajax({...},
    success: function(a){callback.call(a)} )
}

// some stuff

myAjaxThingy(function(a) {// do whatever based on a, or not...})

我不确定我是否真的明白你需要什么。

编辑：好的，我想我现在明白了！您需要做的就是定义稍后调用的函数...

function myAjaxThingy() {$.ajax({...})}
// something, something, dark side...
myAjaxThingy() // will execute it

Answer 4

尝试

var foo = function foo(settings) {
  // if settings passed , extend `$.ajaxSettings`
  this.settings = $.extend({}, $.ajaxSettings, settings);
  this.ajax = $.ajax;
  this.promise = void 0;
  this.execute = function execute() {
    // set `this.promise` to `this.ajax`
    this.promise = this.ajax.call($, this.settings);     
    // return `$.ajax` jQuery promise object
    return this.promise
  };
  // if `this.promise` is defined , call `.abort()`
  // on `this.promise`: `this.ajax` `$.ajax()`
  this.abort = this.promise ? this.promise.abort() : this.promise; 
};

var url = "https://gist.githubusercontent.com/"
          + "guest271314/6a76aa9d2921350c9d53/raw/"
          + "49fbc054731540fa68b565e398d3574fde7366e9/"
          + "abc.txt";

var request1 = new foo({"url":url});

request1.execute()
.then(function(data, textStatus, jqxhr) {
  console.log(data, textStatus, jqxhr)
}, function(jqxhr, textStatus, errorThrown) {
  console.log(textStatus, errorThrown)
});

var request2 = new foo({"url":url});

request2.execute().abort()
.then(function(data, textStatus, jqxhr) {
  console.log(data, textStatus, jqxhr)
}, function(jqxhr, textStatus, errorThrown) {
  console.log(textStatus, errorThrown)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>

声明jQuery AJAX调用以便稍后执行

4 个答案: