课件jquery和ajaxajax工作流程

Jquery和AjaxAjax简介

Ajax：异步刷新技术Ajax工作流程

Ajax：异步刷新技术Ajax技术的核心Ajax技术主要开发语言封装请求或响应的数据格式修改页面元素、改变样式，实现局部刷新XMLHttpRequest对象JSON语法第4页/共35页JSON：浏览器和服务器交换数据的轻量级对象对象的语法：{key:value,key:value,……}，如：{"name":"张三","age":30,"wife":null};数组的语法：[value,value,……]，如：["中国","美国","俄罗斯"]

[{“name”:“张三”,“age”:30},{“name”:“李四,"age":40}]jQuery+Struts

2+JSON

实现Ajax发送请求接收请求，处理请求，发回响应接收响应，更新局部网页Ajax运行的基本流程：jQuery

实现Ajax

请求$.ajax({url:"getData",type:

"post",data:

{"name":"admin"},dataType:"json",success:function(data){//省略了请求成功后执行的操作},error:function(data){//省略了请求失败后执行的操作}});请求的<action>提交的数据,使用JSON

表示接收的结果类型$.ajax()方法：实现Ajax响应<action

name="getData"

class="action.DataAction"method="getData"><result

type="json"><param

name="includeProperties"

></result></action>响应Ajax请求的<action>配置以JSON格式发送结果设置Action中需要发送的属性name,user.*</param>把Action中的name属性、user对象中的所有属性发送给客户端关键步骤导入struts2-json-plugin-xxx.jar在struts.xml中定义package并继承json-default指定<result>的type属性指定为“json”JSON类型的Result

2-1struts.xml关键代码：<package

name="josn_default"

namespace="/"

extends="json-default"><action

name="loginAction"

class="......"

method="execute"

><!--type属性指定为“json”，将返回序列化的JSON格式数据--><result

type="json"><param

name="root">result</param><param

name="includeProperties"></param><param

name="excludeProperties">user.password</param><param

name="excludeNullProperties

">true</param></result></action></package>参数说明串讲：JSON类型的Result

2-2参数作用默认值适用场景root指定要序列化的根对象当前Actin中所有有返回值的getter方法的值用于指定不需要序列化key值的数据includeProperties指定根对象中要序列化的属性当前根对象中的所有属性用于需要序列化的属性较少的情况excludeProperties指定根对