Question

我正在JSON服务器上编写一个骨干js Web应用程序，该服务器在J Send specification format中返回JSON响应。

以下是该格式的一些示例：

获取/发布

{
 "status": "success",
 "data": {
   "posts" [
     {"id": 1, "title": "A blog post"}, 
     {"id": 2, "title": "another blog post"}
   ]
 }
}

发布/发布

{
  "status": "fail",
  "data": {
    "title": "required"
  }
}

默认情况下，$ .ajax中的“error”事件由http代码触发，但由于JSend规范格式根本不使用HTTP代码，因此我必须重写$ .ajax错误处理程序。

默认情况下的工作方式（http代码）：

$.ajax({
  error: function() {
    // Do your job here.
  },
  success: function() {
    // Do your job here.
  }
});

如何重写在解析正文时触发的$ .ajax错误处理程序以及“status”属性是“失败”还是“错误”？

Answer 1

由于看似违反直觉，你必须将它放在success函数中。只需自己查看价值：

$.ajax({
  error: function() {
    // Handle http codes here
  },
  success: function(data) {

    if(data.status == "fail"){
      // Handle failure here
    } else {
      // success, do your thing
    }

  }
});

Answer 2

为了保持干燥，您可以使用以下内容：

function JSendHandler(success, fail) {
    if (typeof success !== 'function' || typeof fail !== 'function') {
        throw 'Please, provide valid handlers!';
    }
    this.success = success;
    this.fail = fail;
}

JSendHandler.prototype.getHandler = function () {
    return function (result) {
        if (result.status === 'fail') {
            this.fail.call(this, arguments);
        } else {
            this.success.call(this, arguments);
        }
    }
};

function success() { console.log('Success'); }
function error() { console.log('Fail!'); }

var handler = new JSendHandler(success, error);

$.ajax({
  error: error,
  success: handler.getHandler()
});

jquery ajax自定义错误处理程序

2 个答案: