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

请求方式以下:javascript

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

在service中调用请求css

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

 }

let service = new Service();

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

            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里面的回调方法。java

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

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

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键值对。再一试,发现能够进入回调函数了。json

 

Data Types(数据类型)

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

有效的数据类型是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直接表示无限也是不容许的).

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

相关文章
相关标签/搜索