Servlet 与 Ajax 交互一直报status=parsererror的解决办法

编程基础网前端开发

2023-01-31

这篇文章主要介绍了Servlet 与 Ajax 交互一直报status=parsererror的解决办法,非常不错，具有参考借鉴价值，需要的朋友可以参考下

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

1、JS代码为：


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

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


<servlet>
   <servlet-name>LSHomeServlet</servlet-name>
   <servlet-class>com.ys.servlet.LSHomeServlet</servlet-class>
 </servlet>
 <servlet-mapping>
   <servlet-name>LSHomeServlet</servlet-name>
 <url-pattern>/LSHome</url-pattern>

3、Servlet 中代码为：


protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    //聚类数量
    String clusterNum = request.getParameter("clusterNum");
    //迭代次数
    String iterationNum = request.getParameter("iterationNum");
    //运行次数
    String runTimes = request.getParameter("runTimes");
    System.out.println("聚类数量为："+clusterNum+"---迭代次数:"+iterationNum+"---运行次数:"+runTimes);
    PrintWriter out = response.getWriter();      
    out.write("success");
    out.close();  
  }

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


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

5、解决办法：

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


 PrintWriter out = response.getWriter();
String jsonStr = "{\"success\":\"OK\"}";
 out.write(jsonStr);

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

以上所述是小编给大家介绍的Servlet 与 Ajax 交互一直报status=parsererror的解决办法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程学习网网站的支持！

编程基础网

本文标题为：Servlet 与 Ajax 交互一直报status=parsererror的解决办法

上一篇： Ajax校验是否重复的实现代码

下一篇： Ajax实现phpcms 点赞功能实例代码

基础教程推荐

学习HTML

学习jQuery

学习Laravel

学习CSS3

学习Vue.js

学习Bootstrap5

学习ThinkPHP

学习AJAX