Servlet 与 Ajax 交互一直报status=parsererror

IT可乐

发布于 2018-01-04 10:11:20

6860

发布于 2018-01-04 10:11:20

文章被收录于专栏：IT可乐IT可乐

原因：servlet 返回的数据不是 Json 格式

1、JS代码为：

 1 var jsonStr = {'clusterNum':2,'iterationNum':3,'runTimes':4};
 2         $.ajax({
 3             type: "post",
 4             //http://172.22.12.135:9000/Json.json
 5             url: "/LSHome/LSHome",
 6             dataType : 'json',
 7             data : jsonStr,
 8             success: function(data,textStatus){
 9                 if(textStatus=="success"){  
10                     alert("创建任务操作成功"+data);           
11                 }               
12             },
13             error: function(xhr,status,errMsg){
14                 alert("创建任务操作失败!");
15             }
16         });

2、注意上面的 url 为 /LSHome/LSHome,（项目名称为LSHome）所以在 web.xml 文件中，配置 Servlet 如下：

1 　<servlet>
2       <servlet-name>LSHomeServlet</servlet-name>
3       <servlet-class>com.ys.servlet.LSHomeServlet</servlet-class>
4   </servlet>
5   <servlet-mapping>
6       <servlet-name>LSHomeServlet</servlet-name>
7   <url-pattern>/LSHome</url-pattern>

3、Servlet 中代码为：

 1 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
 2         //聚类数量
 3         String clusterNum = request.getParameter("clusterNum");
 4         //迭代次数
 5         String iterationNum = request.getParameter("iterationNum");
 6         //运行次数
 7         String runTimes = request.getParameter("runTimes");
 8         System.out.println("聚类数量为："+clusterNum+"---迭代次数:"+iterationNum+"---运行次数:"+runTimes);
 9         PrintWriter out = response.getWriter();            
10         out.write("success");
11         out.close();    
12     }

4、结果是一直都是进入到 ajax 方法里面的 error，而且status=parsererror

xhr = Object {readyState: 4, responseText: "success", status: 200, statusText: "OK"}

5、解决办法：

原因是通过 response 对象返回的数据格式不正确，正确方法

1 PrintWriter out = response.getWriter();

2 String jsonStr = "{\"success\":\"OK\"}";

3 out.write(jsonStr);

可以将返回值拼凑成 JSON 数据格式，然后会不会报status=parsererror

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2017-03-08 ，如有侵权请联系 cloudcommunity@tencent.com 删除

servlet