javascript - 查询。$.post request .done() .fail() 避免代码重复

Question

我有一个发布请求，例如

  $.post("test", {
    ajax: "true",
    action: ""
  }).done(function(data){
    if (data == "ok"){
        //xxx
    } else if (data == "err"){
        //yyy
    }
  }).fail(function(){
    //yyy
  });

如果 .done() 方法中的代码（注释 'yyy'）与失败方法中的代码相同（注释 'yyy'），如何避免发布请求中的代码重复？

Answer 1

最明显和最简单的解决方案是简单地有一个失败回调，如下所示：

function ajaxFailed() {
    // yyy
}

$.post("test", {
    ajax: "true",
    action: ""
}).done(function(data){
    if (data == "ok"){
        //xxx
    } else if (data == "err"){
        ajaxFailed();
    }
}).fail(ajaxFailed);

Answer 2

您可以使用always回调方法，请求将始终进入该块。如您所知，何时数据包含错误而不包含错误，此方法适用于服务器端错误。您可以通过定义最后的 else 块来捕获客户端错误。

$.post("test", {
    ajax: "true",
    action: ""
}).always(function(data){
    if (data == "ok"){
        //xxx
    } else if (data == "err"){
        //handle server-side errors
    } else {
        //handle client-side errors like 404 errors
    }
});

Answer 3

让他们调用相同的函数，例如

function onErr() { 
    //yyy
}
$.post("test", {
    ajax: "true",
    action: ""
}).done(function(data){
    if (data == "ok"){
        //xxx
    } else if (data == "err"){
        onErr();
    }
}).fail(onErr);

Answer 4

另一种方法是稍微更改协议，并使用HTTP 状态代码来指示成功或失败：

if($sqlError){
  header("HTTP/1.1 503 Service unavailable");
}

...

.done(function(){
   //xxx
}).fail(function(){
   //yyy
});