$.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))
"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, json,jsonp,和 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直接表示无限也是不允许的).
上面提到返回是一个字符串时会导致抛出异常,奇怪的是我调试的时候并没有抛出异常。
随机推荐
- [ASP.NET MVC2 系列] ASP.Net MVC教程之《在15分钟内用ASP.Net MVC创建一个电影数据库应用程序》
[ASP.NET MVC2 系列] [ASP.NET MVC2 系列] ASP.Net MVC教程之<在15分钟内用ASP.Net MVC创建一个电影数据库应用程序> ...
- Extjs 分页传参方法
第一种(常用): var proxy = new Ext.data.HttpProxy({url : url}) var store = new Ext.data.Store({ pruneModif ...
- js jquery 设置cookie
转自http://yaoqianglilan.blog.163.com/blog/static/70978316201091810435251/ 本人亲测setcookie() getcookie() ...
- vue 操作数组,原数组怎么不让它改变
vue中肯定遇到过这个问题,想对数组操作,可是原数组又会改变,怎么办呢,提前copy一份能行吗, todo: [1,2,3,4,5], var arr = this.todo: 这样肯定不行的,那么肯 ...
- 【Spring-AOP-学习笔记-5】@AfterReturning增强处理简单示例
项目结构 业务代码 @Component("hello") public class HelloImpl implements Hello { // 定义一个简单方法,模拟 ...
- bzoj 4929: 第三题
Description 给定n,b,c,d,e以及A0,A1,···,An−1,定义 xk=b×c^4k+d×c^2k+e f(x)=Sigma(Aix^i),0<=i<=n-1 请你求出 ...
- web服务器检测
# coding=utf-8 import sys import socket import re def check_webserver(address, port, resource): addr ...
- 实验八 c排序算法
8.1 #include<stdio.h> int main(){ int a[5],i,j,k,t,z; //输入5个元素进入数组 for(i=0;i<5;i++) scanf(& ...
- DOM节点的增删改查
在开始展开DOM操作前,首先需要构建一棵DOM树. <!DOCTYPE html> <html lang="en"> <head> <me ...
- [UE4]事件代理,无输出参数,蓝图中不需要绑定
.h UFUNCTION(BlueprintImplementableEvent, meta=(DisplayName = "LoginSuccess")) void LoginS ...