javascript - AJAX 调用的 JQuery 代码重复

Question

没有 JQuery 的原始 AJAX 代码。请注意 someVar 一开始的定义。

req.onreadystatechange = function() {
        if (req.readyState == 4) {
                        //CODE HERE
                        var someVar = ....
                        //method() should be called when AJAX call returns
                        someVar.method();
                        if (req.status != 200) {
                            // error code
                                someVar.doSomething();
                        } else if (req.responseText) {
                            //other code
                                someVar.doSomethingElse();
                        } 
                    }
                };
                req.send(null);

我对 JQuery 的最佳尝试。注意代码重复:

$.get(url)
    .done(function(data){
        var someVar = ....
        someVar.method();
        someVar.doSomethingElse();
    })
    .fail(function(){
        var someVar = ...
        someVar.method();
        someVar.doSomething();
    });

在 done 和 fail 之前有没有运行代码(这就是为什么 always 在这种情况下不起作用)？

Answer 1

查看 jqXHR文档、done、fail、always 和 then 应该按照它们注册的顺序调用 - 你试过了吗将共享代码放在其他函数之前的 always 中？

Here's一个 jsBin 显示了这个 Action ；请务必让控制台保持打开状态。

---

编辑

这有点花哨，但如果您真的对父作用域中没有变量一无所知，那么您可以使用的函数之间存在一定程度的共享上下文。 jQuery ajax 请求是它自己的对象，因此您可以在对它的调用之间共享该对象的数据。

因此，您可以像这样共享代码:

$.get()
  .always(function() {
    this.someVar = ...
    this.someVar.doMethod();
  }).done(function() {
    this.someVar.doneFunction();
  }).fail(function() {
    this.someVar.failFunction();
  })

如果你要这样做，我会对我的变量约定更加谨慎 - 可能会尝试在 someVar 前加上特定于应用程序的东西(比如 myApp_someVar)。