$.ajax dataType设置为json 回调函数不执行

请求方式如下:

$.xpost = function (url, data) {
    return $.ajax({
        url: url,
        type: "POST",
        dataType: "json",
        contentType: "application/json",
        data: JSON.stringify(data)
    });
};

在service中调用请求

class Service {
       
        //保存订单
        saveOrder(order){
            let url = config.rootUrl +'/order/main/saves';
            return $.xpost(url, JSON.stringify(order));
        }

 }

let service = new Service();

在view中调用service里面的savaOrder方法

            service.saveOrder(order).then((result)=>{
                if(result.status == 1){
                    $("#cashPayBox").modal('hide');
                    if(order.status == 12){
                        //支付完成,当前单据完结

                        //流水号递增1
                        this.baseInfo.serialNo += 1;
                        $(".cashier").databind(this.baseInfo);

                        //清空面板关于挂起订单的信息
                        this.page.clearOrderInfo();
                        this.page.order = {};
                        this.page.item = {};
                    }else{
                        service.getOrder(orderNo).then((orderInfo)=>{
                            $.tryInvoke(this.setCurrentOrder,this,orderInfo);
                            //更新支付金额区域显示金额
                            this.changePayAmount(0.00,amount,payway)
                        });
                    }
                }else{

                }
            });
        

  向服务器发送请求,请求正确返回,状态是200,没看到报错。但是就是不执行后面then里面的回调方法。

查询jQuery api,看到里面的解释:

dataType (default: Intelligent Guess (xml, json, script, or html))

Type: String
从服务器返回你期望的数据类型。 如果没有指定,jQuery将尝试通过MIME类型的响应信息来智能判断(一个XML MIME类型就被识别为XML,在1.4中 JSON将生成一个JavaScript对象,在1.4中 script 将执行该脚本,其他任何类型会返回一个字符串)。 可用的类型(以及结果作为第一个参数传递给成功回调函数)有:
  • "xml": 返回 XML 文档,可以通过 jQuery 处理。
  • "html": 返回纯文本 HTML 文本;包含的script标签会在插入DOM时执行。
  • "script": 把响应的结果当作 JavaScript 执行,并将其当作纯文本返回。默认情况下会通过在URL中附加查询字符串变量 ,_=[TIMESTAMP], 禁用缓存结果,除非设置了cache参数为true注意: 在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(愚人码头注:因为将使用DOM的script标签来加载)
  • "json":把响应的结果当作 JSON 执行,并返回一个JavaScript对象。跨域"json" 请求转换为"jsonp",除非该请求在其请求选项中设置了jsonp:false。JSON 数据以严格的方式解析; 任何畸形的JSON将被拒绝,并且抛出解析错误信息。在jQuery1.9中,一个空响应也将被拒绝;服务器应该返回null或 {}响应代替。(见json.org的更多信息,正确的JSON格式。)
  • "jsonp": 以 JSONP 的方式载入 JSON 数据块。会自动在所请求的URL最后添加"?callback=?"。默认情况下会通过在URL中附加查询字符串变量 ,_=[TIMESTAMP], 禁用缓存结果,除非设置了cache参数为true
  • "text": 返回纯文本字符串。

我的ajax请求里面的dataType设置的是json,查看后台返回的是一个String,估计问题应该出在这里。把后台返回改成了Map键值对。再一试,发现可以进入回调函数了。

Data Types(数据类型)

$.ajax()调用不同类型的响应,被传递到成功处理函数之前,会经过不同种类的预处理。 预处理的类型取决于由更加接近默认的Content-Type响应,但可以明确使用dataType选项进行设置。如果提供了dataType选项, 响应的Content-Type头信息将被忽略。

有效的数据类型是text, html, xml, jsonjsonp,和 script.

如果指定的是text 或 html, 则不会预处理。 这些数据被简单地传递给成功处理函数, 并通过该jqXHR对象的responseText属性获得的。

如果指定的是xml, 响应结果作为XMLDocument,在传递给成功处理函数之前使用jQuery.parseXML进行解析。 XML文档是可以通过该jqXHR对象的responseXML属性获得的。

如果指定的是json,响应结果作为一个对象,在传递给成功处理函数之前使用jQuery.parseJSON进行解析。 解析后的JSON对象可以通过该jqXHR对象的responseJSON属性获得的。

查看jQuery.parseJSON( json )的解释:

  

传入格式有误的 JSON 字符串可能导致抛出异常。例如,下面这些无效的 JSON 字符串:

  • {test: 1} (test 没有使用双引号包裹).
  • {'test': 1} ('test' 用了单引号而不是双引号包裹).
  • "{test: 1}" (test 没有使用双引号包裹).
  • "{'test': 1}" ('test' 用了单引号而不是双引号包裹).
  • "'test'" ('test' 用单引号代替双引号).
  • ".1" (number 必须以数字开头; "0.1" 将是有效的).
  • "undefined" (undefined 不能表示一个 JSON 字符串; 然而null,可以).
  • "NaN" (NaN 不能表示一个 JSON 字符串; 用Infinity直接表示无限也是不允许的).

上面提到返回是一个字符串时会导致抛出异常,奇怪的是我调试的时候并没有抛出异常。

原文地址:https://www.cnblogs.com/zhangcybb/p/6604380.html