使用ajax请求后台生成数据返回JSON格式到前台使用

最新推荐文章于 2022-05-20 20:53:07 发布

原创最新推荐文章于 2022-05-20 20:53:07 发布 · 3.9k 阅读

2 ·

CC 4.0 BY-SA版权

Java web学习遇到的一些问题专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个典型的前后端数据交互案例，通过前台JS的$.ajax方法发送GET请求到后台Java的Servlet，获取并解析返回的JSON数据，然后动态填充下拉选择框。该过程展示了JSON数据的序列化与反序列化，以及如何处理跨域问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前台JS

$.ajax({
        type:"GET",
        url: contextPath + "/GetAllSubjectsServlet?date=" + new Date(), 
        dataType:"json",
        success:function(result){
            if(result){
                $.each(result, function(i, obj) {
                    $("#selectSubject").append("<option value='" + obj.id + "'>"+ obj.name+ "</option>");
                });
            }
        }
})

后台JAVA

(Subject包含两个域：id和name)

（后台数据是一个List）

	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		SubjectService subjectService = new SubjectServiceImpl();
		List<Subject> subjectList = subjectService.getAllSubjects();
		JSONArray jsonArray = JSONArray.fromObject(subjectList);
		
		response.setCharacterEncoding("UTF-8");
		response.getWriter().write(jsonArray.toString());
	}

使用json-lib注意事项：

1.一定要配齐依赖包，不然报错

java.lang.ClassNotFoundException: org.apache.commons.lang.exception.NestableRuntimeExcept

java.lang.ClassNotFoundException: net.sf.ezmorph.Morpher