使用Ajax请求servlet返回json数据

最新推荐文章于 2024-06-26 13:38:04 发布

8F89__

最新推荐文章于 2024-06-26 13:38:04 发布

阅读量8.5k

点赞数 4

分类专栏： Java web

本文链接：https://blog.csdn.net/Horizonhui/article/details/86151119

版权

Java web 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

在上一篇博客当中使用Ajax提交请求至servlet，得到的是String字符串，同样，js对于json的支持不用说，自然是最好的，也可以从servlet返回json格式的数据。

在Java中提供了将数据封装为json格式的jar包，json.jar和json_simple-1.1.jar，这两个包都可以百度下载到，比较好找。

jsp代码中只写了一个按钮用来触发点击事件从而调用Ajax获取数据，并将获取到的数据显示到id为showjson的段落中。使用了jquery调用Ajax和解析json数据。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<title>Insert title here</title>
<link href="default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="js/ajaxfileupload.js"></script>

<script type="text/javascript">
	$(document).ready(function(){
		$("#btn").click(function(){ 
			console.log("ajax");
		    $.ajax({
		        url : "${pageContext.request.contextPath}/JsonTest", //后台查询验证的方法
		        dataTpye : "json",
		        data : {
		           
		        }, 
		        type : "post",
		        success : function(msg) {
		            var parsedJson = jQuery.parseJSON(msg);
		            $("#showjson").html(msg+"<br/>姓名"+parsedJson.name+"<br/>年龄"+parsedJson.age);
		        },
		        error:function(){  //请求失败的回调方法
		        	alert("请求失败，请重试");
		        }
		    });
			});
		});
</script>

</head>
<body>

<body>

<button id="btn">Ajax 返回json</button>
<p id="showjson">

</p>
</body>

</body>
</html>

servlet中为了简单直接返回了一个json数据，也就是这样一个数据 {"name":"tom","age":15}，使用JSONObject类的对象将键值对封装到json当中。

package cn.test;

import java.io.IOException;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.json.JSONObject;

/**
 * Servlet implementation class JsonTest
 */
public class JsonTest extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public JsonTest() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		JSONObject object = new JSONObject();
	    object.put("name", "tom");
	    object.put("age", 15);
	    System.out.println(object);
	    response.getWriter().print(object);
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		doGet(request, response);
	}

}

效果图，点击按钮即可得到返回的数据，至于这个字体，我有一个css文件没有删掉，不要在意这些细节。

8F89__

关注

4
点赞
踩
23

收藏

觉得还不错? 一键收藏
6
评论
使用Ajax请求servlet返回json数据

在上一篇博客当中使用Ajax提交请求至servlet，得到的是String字符串，同样，js对于json的支持不用说，自然是最好的，也可以从servlet返回json格式的数据。在Java中提供了将数据封装为json格式的jar包，json.jar和json_simple-1.1.jar，这两个包都可以百度下载到，比较好找。jsp代码中只写了一个按钮用来触发点击事件从而调用Ajax获取数据...
复制链接

扫一扫

专栏目录