Servlet数据传输Jason核心知识

之前测试用了Ajax传输,但是Ajax在接收消息的时候 只有 responseText(字符串) 跟responseXML (xml),当我们想要接收object 对象  或者更多数据的时候,用Ajax就不是很方便,所以引入了Jason。

第一节:Json引入

JSONJavaScript对象表示法(JavaScript Object Notation) 。
JSON 是存储和交换文本信息的语法。类似 XML
JSON XML 更小、更快,更易解析。

第二节:Json格式语法

JSON 对象
{ "name":"张三" , "age":22}
JSON 数组
{
"student": [
{ "name":"张三" , "age":22 },
{ "name":"李四" , "age":23 },
{ "name":"王五" , "age":24 }
]
}
JSON 嵌套
{
"student": [
{ "name":"张三" , "age":22 ,"score":{"chinese":90,"math":100,"english":80} },
{ "name":"李四" , "age":23 ,"score":{"chinese":70,"math":90, "english":90} },
{ "name":"王五" , "age":24 ,"score":{"chinese":80,"math":60, "english":90} }
]
} 把
Json 串换成 Json 对象
var dataObj=eval("("+data+")");//转换为 json 对象
1、首选新建一个servlet项目:JasonTestGetJasonInfoServletHttpServlet

import java.io.IOException;
import java.io.PrintWriter;

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

public class GetJasonInfoServlet extends HttpServlet{

	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;

	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		// TODO Auto-generated method stub
		this.doPost(req, resp);
	}
	
	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		// TODO Auto-generated method stub
		resp.setContentType("text/html;charset=utf-8");
		PrintWriter out = resp.getWriter();
		String resultJson="{\"name\":\"jayson\",\"age\":22}"; //传参数
		out.println(resultJson);
		out.flush();
		out.close();
	}
}

2、在WebContent 中新增一个jap文件:JasonClient.jsp。代码如下:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script type="text/javascript">
	
function loadInfo(){
	var xmlHttp;
	//IE5、6不支持
	if(window.XMLHttpRequest){
		xmlHttp=new XMLHttpRequest();
	}else{
		xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	xmlHttp.onreadystatechange=function(){
		if(xmlHttp.readyState==4 && xmlHttp.status==200){
			alert(xmlHttp.responseText);
			var dataObj=eval("("+xmlHttp.responseText+")");//eval解析成JS对象
			alert("name:"+dataObj.name,"age:"+dataObj.age);
			document.getElementById("name").value=dataObj.name;//设置文本
			document.getElementById("age").value=dataObj.age;
		}
	};
	xmlHttp.open("post", "getJasonInfo", true);
    xmlHttp.send();
    
}
	
</script>

</head>
<body>
	<div style="text-align: center;">
	<div><input type="button" onclick="loadInfo()" value="Ajax获取信息"/>  姓名:<input type="text" id="name" name="name" />  年龄:<input type="text" id="age" name="age" /></div>
	
</div>
</body>
</html>
3、在web.xml新增两者间调用的servlet,新增如下:

 <servlet>
  	<servlet-name>getJasonInfoServlet</servlet-name>
  	<servlet-class>GetJasonInfoServlet</servlet-class>
  </servlet>
  
  <servlet-mapping>
  	<servlet-name>getJasonInfoServlet</servlet-name>
  	<url-pattern>/getJasonInfo</url-pattern>
  </servlet-mapping>

4、把该项目添加到servers的tomcat中后,启动tomcat服务器,输入测试地址:http://localhost:8080/JasonTest/JasonClient.jsp。效果如下:

5、点击按钮得到结果

Servlet数据传输Jason核心知识_第1张图片


第三节:Json 第三方 jar 包引入


我们发现,在发送消息的时候,使用的格式 很不友好,当我们传入更多的数据的时候,添加起来会很乱,也会不方便阅读代码。

String resultJson="{\"name\":\"jayson\",\"age\":22}"; //传参数
这个时候 我们就需要引用一个第三方jar包,Json-lib(百度),
Servlet数据传输Jason核心知识_第2张图片


修改GetJasonInfoServlet.java 的部分代码:

protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		// TODO Auto-generated method stub
		resp.setContentType("text/html;charset=utf-8");
		PrintWriter out = resp.getWriter();
//		String resultJson="{\"name\":\"jayson\",\"age\":22}"; //传参数
		JSONObject resultJson = new JSONObject();
		resultJson.put("name","jayson");
		resultJson.put("age", 22);
		out.println(resultJson);
		out.flush();
		out.close();
	}
,重启服务器,运行得到一样的效果,但是 这种写法更加直观和更好阅读,也更加复合面向对象,随便添加也不累 微笑

你可能感兴趣的:(servlet,Jason)