課件jquery和ajaxajax工作流程

Jquery和AjaxAjax簡介

Ajax：異步刷新技術Ajax工作流程

Ajax：異步刷新技術Ajax技術的核心Ajax技術主要開發(fā)語言封裝請求或響應的數(shù)據(jù)格式修改頁面元素、改變樣式，實現(xiàn)局部刷新XMLHttpRequest對象JSON語法第4頁/共35頁JSON：瀏覽器和服務器交換數(shù)據(jù)的輕量級對象對象的語法：{key:value,key:value,……}，如：{"name":"張三","age":30,"wife":null};數(shù)組的語法：[value,value,……]，如：["中國","美國","俄羅斯"]

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

2+JSON

實現(xiàn)Ajax發(fā)送請求接收請求，處理請求，發(fā)回響應接收響應，更新局部網(wǎng)頁Ajax運行的基本流程：jQuery

實現(xiàn)Ajax

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

"post",data:

{"name":"admin"},dataType:"json",success:function(data){//省略了請求成功后執(zhí)行的操作},error:function(data){//省略了請求失敗后執(zhí)行的操作}});請求的<action>提交的數(shù)據(jù),使用JSON

表示接收的結果類型$.ajax()方法：實現(xiàn)Ajax響應<action

name="getData"

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

type="json"><param

name="includeProperties"

></result></action>響應Ajax請求的<action>配置以JSON格式發(fā)送結果設置Action中需要發(fā)送的屬性name,user.*</param>把Action中的name屬性、user對象中的所有屬性發(fā)送給客戶端關鍵步驟導入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格式數(shù)據(jù)--><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>參數(shù)說明串講：JSON類型的Result

2-2參數(shù)作用默認值適用場景root指定要序列化的根對象當前Actin中所有有返回值的getter方法的值用于指定不需要序列化key值的數(shù)據(jù)includeProperties指定根對象中要序列化的屬性當前根對象中的所有屬性用于需要序列化的屬性較少的情況excludeProperties指定根對