#笔记#圣思园 JavaWeb 第78讲——JSON库,异步调用

1.JavaScript Object Notation——JSON——JavaScript对象图

轻量级数据交换格式

把对象转换成JSON格式,实现Java和JavaScript之间数据传递

object:JavaScript中,对象定义方式:

             var s = { 'a' : 'b' , c : false } ;

             s.a------------------------b

             s.b------------------------false

array:JavaScript中,对象数组方式:

           var s = [ ' a ' , ' b ' , ' c ' , false ] ;

value:

2.MIME Media Type    MIME媒体类型——application/json

3.JSON 是 Ajax中的 X

Ajax的意图是:异步的JavaScript和XML,JSON的出现改变了这一点

XML格式数据如下:

#笔记#圣思园 JavaWeb 第78讲——JSON库,异步调用_第1张图片

转换成等价的JSON格式:

#笔记#圣思园 JavaWeb 第78讲——JSON库,异步调用_第2张图片

4.json.org库,使用Java语言操作JSON

new JSONObject    ,   new JSONArray

getJSONObject    ,    getSting    ,     getBoolean    ,     getInt

5.google-gson库


6.jQuery异步调用Servlet

如果异步调用成功,会将helloworld返回给客户端.

使用POST方式

MyServlet.java

#笔记#圣思园 JavaWeb 第78讲——JSON库,异步调用_第3张图片

ajax.jsp

#笔记#圣思园 JavaWeb 第78讲——JSON库,异步调用_第4张图片

执行结果:

单击按钮,文本框出现helloworld


更改程序,传递两个参数,把两个参数的和显示在文本框

ajax.jsp

#笔记#圣思园 JavaWeb 第78讲——JSON库,异步调用_第5张图片

MyServlet.java

#笔记#圣思园 JavaWeb 第78讲——JSON库,异步调用_第6张图片

7.jQuery对xml的数据传递

通过选择下拉框,单击按钮,显示对应的数据

使用servlet,在服务器端生成xml,在客户端,以jQuery方式,解析xml

新建类,Person.java,用于将对象的数据传递给客户端

新建类,XMLServlet.java,构造XML文档格式

新建xml.jsp,异步调用方式获取服务器端数据,

#笔记#圣思园 JavaWeb 第78讲——JSON库,异步调用_第7张图片              

对json的数据传递,People.java、Address.java、GsonServlet.java、json.jsp    

你可能感兴趣的:(#笔记#圣思园 JavaWeb 第78讲——JSON库,异步调用)