在JSP项目中编写一个接口返回JSON 供JSP界面异步请求数据

首先
我们要引入json处理的依赖工具
在 pom.xml文件的 dependency 标签中加入如下代码

<dependency><groupId>com.googlecode.json-simple</groupId><artifactId>json-simple</artifactId><version>1.1.1</version>
</dependency>

在这里插入图片描述
json-simple库可以帮助我们项目管理创建json数据

我们要在放WebServlet的目录位置创建一个java类
其实也是在写一个 WebServlet
这里我就叫 YourServlet 吧类名是随便取的
参考代码如下

package com.example.dom;import org.json.simple.JSONObject;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;@WebServlet("/your_url_here")
public class YourServlet extends HttpServlet {protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("UTF-8");// 创建一个JSON对象JSONObject json = new JSONObject();json.put("name", "小猫猫");json.put("age", 13);// 设置编码格式为UTF-8response.setCharacterEncoding("UTF-8");// 设置响应内容类型为application/jsonresponse.setContentType("application/json");// 将JSON对象作为响应返回给前端PrintWriter out = response.getWriter();out.print(json.toString());out.flush();}
}

这里我们就是写了一个普通的 WebServlet 路径为 /your_url_here
然后进来之后会执行doGet
我们通过JSONObject创建一个json对象
然后控制返回类型
最后 out.print 返回数据而我们返回的数据是我们处理好的 json 后面的点toString 表示将他转成一个json字符串格式
方便传输数据

然后我们在jsp的js部分编写代码如下

var xhr = new XMLHttpRequest();
xhr.open('GET', 'your_url_here', true);
xhr.onreadystatechange = function() {if (xhr.readyState === 4 && xhr.status === 200) {var response = JSON.parse(xhr.responseText);console.log(response);}
};
xhr.send();