【Ajax】解决Ajax成功处理后只响应error,不进入success的问题

最新推荐文章于 2024-07-28 18:21:27 发布

别来BUG求求了

最新推荐文章于 2024-07-28 18:21:27 发布

阅读量2.7k

点赞数 2

文章标签： ajax javascript servlet

本文链接：https://blog.csdn.net/happy488127311/article/details/121327090

版权

本文探讨了一个前端AJAX请求与后端Servlet交互时遇到的问题，即后端响应导致前端总是调用error回调。问题源于后端设置的响应类型为JSON，但实际输出的却是普通字符串。解决方案有两个：一是后端输出JSON格式的数据，前端解析res.data；二是将前端的dataType改为'text'，以匹配后端的字符串响应。

摘要由CSDN通过智能技术生成

一、问题描述

前端请求代码

$.ajax({
    url: 'getOne', 	
    data: {		
        name: 'zhangsan',
        pwd: '123'
    },
    type: 'get',		
    dataType: 'json',	
    success: function (res) { 
        alert("成功" + res)
    },
    error: function (xhr, errorMessage, e) { 
        alert("失败" + errorMessage);
    }
})

后端servlet代码

@WebServlet(name = "getOne", urlPatterns = "/getOne")
public class GetOne extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doGet(request, response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
      	// 设置编码
      	response.setContentType("application/json;charset=utf-8");
      	// 处理业务逻辑
        
        // 响应请求，使用流的方式肯能会有IO异常，所以捕捉异常
        PrintWriter out = response.getWriter();
        try {
            out.write("ajax请求成功");
            out.close
        } catch (Exception exception) {
            out.write(exception);
        }
        out.close();
    }
}

然后就发现每次处理完以后就会只响应异常error函数，进不去success

二、问题解决

上边的代码乍一看没什么问题。起初我也这么以为。但经过一番分析以后发现是因为后端的返回值类型格式不正确造成的

什么意思呢？

我在后端响应设置了json格式

response.setContentType("application/json;charset=utf-8");

但是我在响应时用流输出的是普通字符串，并不是json格式字符串

out.write("ajax请求成功");

怎么解决呢？

方法一：将字符串格式改为json格式
后端输出：out.write("{‘data’:'ajax请求成功'}");
前端：alert("成功" + res.data)
方法二：将请求和处理的类型改为text
后端：response.setContentType("application/json;charset=utf-8");
前端：dataType: 'text'