如题:servlet成功返回json数据后,使用ajax接受,却总是进入error和complete的回调函数,就是不进入success的回调函数
servlet返回json数据的代码:
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("application/json; charset=utf-8");
PrintWriter out = response.getWriter();
List<String> xList=new ArrayList<String>();
xList.add("2018-03-20");
xList.add("2018-03-21");
xList.add("2018-03-22");
xList.add("2018-03-23");
xList.add("2018-03-24");
xList.add("2018-03-25");
xList.add("2018-03-26");
out.println(xList);
}
前端ajax代码:
$.ajax({
type:'post',
url:"xServlet",
success:function (data){
console.log("ok");
console.log(data);
},
error:function (data,textStatus, jqXHR){
console.log("error");
console.log(data);
console.log(textStatus);
console.log(jqXHR);
},
complete:function(data){
console.log("complete");
console.log(data);
}
});
执行结果:
通过对error的回调函数打印textStatus和xhr对象,发现了错误所在,为什么会发生这样的错误呢?因为在servlet里面返回json的时候,ArrayList将会被转为json数组,而你里面的元素是字符串,但是返回的数据却是这个样子:
显然,这不符合json的写法啊,如果正常应该是返回["2018-03-20", "2018-03-21", "2018-03-22", "2018-03-23", "2018-03-24", "2018-03-25", "2018-03-26"],因此需要修改servlet使各个元素加上双引号:
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("application/json; charset=utf-8");
PrintWriter out = response.getWriter();
List<String> xList=new ArrayList<String>();
xList.add("\"2018-03-20\"");
xList.add("\"2018-03-21\"");
xList.add("\"2018-03-22\"");
xList.add("\"2018-03-23\"");
xList.add("\"2018-03-24\"");
xList.add("\"2018-03-25\"");
xList.add("\"2018-03-26\"");
out.println(xList);
}
修改之后,再执行就没有问题了:
原因总结:平时转换json都是使用json-lib工具包,这里我本来是测试,偷了懒,却忽略了加引号的问题,如果不想自己处理这些引号,还是使用json工具包来处理吧,这样也可以避免不必要的错误,但是原理我们还是要知道的。当然,上面的代码也可以用json工具包来实现,我这里给出使用json-lib-2.4-jdk15.jar来处理:
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("application/json; charset=utf-8");
PrintWriter out = response.getWriter();
List<String> xList=new ArrayList<String>();
xList.add("2018-03-20");
xList.add("2018-03-21");
xList.add("2018-03-22");
xList.add("2018-03-23");
xList.add("2018-03-24");
xList.add("2018-03-25");
xList.add("2018-03-26");
JSONArray jsonArray=JSONArray.fromObject(xList);
out.println(jsonArray);
}
运行结果是一样的:
当然了你别忘了加入相关的依赖包:
commons-beanutils.jar
commons-collections-3.1.jar
commons-lang-2.6.jar
commons-logging-1.1.1.jar
ezmorph-1.0.6.jar
json-lib-2.4-jdk15.jar