Servlet数据传输Jason核心知识

来源：互联网发布：带分数乘除法怎么算法编辑：程序博客网时间：2024/06/16 15:17

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

第一节：Json引入

JSON：JavaScript对象表示法（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;@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {// TODO Auto-generated method stubthis.doPost(req, resp);}@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {// TODO Auto-generated method stubresp.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、点击按钮得到结果

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

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

String resultJson="{\"name\":\"jayson\",\"age\":22}"; //传参数

这个时候我们就需要引用一个第三方jar包，Json-lib（百度），

修改GetJasonInfoServlet.java 的部分代码：

protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {// TODO Auto-generated method stubresp.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();}

，重启服务器，运行得到一样的效果，但是这种写法更加直观和更好阅读，也更加复合面向对象，随便添加也不累

0 0