日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

 
 
 

  
  
  
new Ajax.Request("/test.action", { 
  
  
  
  postBody: "p1=v1&p2=v2", 
  
  
  
  encoding: "UTF-8", 
  
  
  
  onComplete:function(req) { 
  
  
  
    var txt = req.responseText; 
  
  
  
    //do data 
  
  
  
  } 
  
  
  
); 
  
  
  

 
 
 

 
 
 

  
  
  

  
  
  
   handleMethod="testMethod">
  
  
  

 
 
 

 
 
 

  
  
  

  
  
  
   handleMethod="testMethod" formSelector=".div1, .div2 select">
 
 
 

  
 
 

   
  
  

   
  
  
... ... 
   
  
  

關(guān)于selector，如果您了解Prototype、jQuery等javascript框架，那就一定非常熟悉。如果不了解，建議先在網(wǎng)上Google一下，先了解什么是CSS選擇器。

上述含義是提交類名為“div1”下的所有表單元素和類名為“div2”下的select元素，這是不是比定義一個(gè)form標(biāo)簽要簡(jiǎn)單很多呢。

注：如果提交二進(jìn)制文件，需使用submit組件或swfUpload組件。

3.4 編寫HandleClass

AjaxRequest組件的HandleClass可以理解為Struts的Action，其接口的定義如下：

 
 
 

  
  
  
package net.simpleframework.web.page.component.base.ajaxrequest; 
  
  
  

  
  
  
public interface IAjaxRequestHandle extends IComponentHandle { 
  
  
  

  
  
  
  IForward ajaxProcess(ComponentParameter compParameter) throws Exception; 
  
  
  

  
  
  
} 
 
 
 

如果沒有指定handleMethod，則ajaxProcess將會(huì)執(zhí)行，如果指定了handleMethod，則執(zhí)行名稱為handleMethod的方法，其方法結(jié)構(gòu)和ajaxProcess是一樣的。

建議您繼承AbstractAjaxRequestHandle而不是實(shí)現(xiàn)IAjaxRequestHandle，因?yàn)槌橄蟾割悤?huì)提供一些有意義的方法給您使用，對(duì)于任何其它組件，這一原則總是適用的。

3.5 IForward介紹

handleClass將會(huì)返回IForward接口，類似Struts的ActionForward，但有不同。IForward有三個(gè)具體的實(shí)現(xiàn)：

TextForward，返回純文本

JsonForward，返回Json格式的文本，構(gòu)造時(shí)需傳遞Map、List、Array等類型

UrlForward，返回HTML，構(gòu)造時(shí)需傳遞url地址

大部分情況，JsonForward是一個(gè)更好的選擇。

3.6 編寫回調(diào)腳本

定義回調(diào)腳本，參考如下代碼：

 
 
 

  
  
  

  
  
  
   handleMethod="testMethod">
  
  
  
   
  
  
  
      alert(json); 
  
  
  
      alert(responseText); 
  
  
  
   
  
  
  

 
 
 

3.6.1 回調(diào)函數(shù)原型

在編寫jsCompleteCallback的時(shí)候，很多用戶不知道如何下手，更不知道返回的數(shù)據(jù)在哪。其實(shí)，jsCompleteCallback就是一個(gè)javascript函數(shù)，只不過采用xml描述，把傳遞給你的參數(shù)省略了。請(qǐng)看jsCompleteCallback原型的定義：

 
 
 

  
  
  
jsCompleteCallback = function(req, responseText, json)  { 
  
  
  
}
 
 
 

解釋一下三個(gè)參數(shù)：

req：原生ajax response對(duì)象

responseText：返回的文本對(duì)象

json：如果handleClass返回的是JsonForward，則json為解析過的JSON對(duì)象

3.6.2 通過屬性直接綁定到HTML區(qū)域

ajaxRequest很多應(yīng)用都是返回一段HTML，然后更新到某個(gè)區(qū)域，如果通過jsCompleteCallback一定會(huì)很簡(jiǎn)單，下面是一段代碼樣例：

 
 
 

  
  
  
var div = $("divid"); 
  
  
  
div.innerHTML = responseText;
 
 
 

ajaxRequest同時(shí)還提供了一個(gè)屬性u(píng)pdateContainerId，可以不用寫jsCompleteCallback，而直接綁定到updateContainerId指定的區(qū)域id，不光如此，還能執(zhí)行responseText中的js函數(shù)，代碼如下：

 
 
 

  
  
  

  
  
  
   handleMethod="testMethod" updateContainerId="divid">
  
  
  

 
 
 

四、高級(jí)特性

4.1 動(dòng)態(tài)傳遞參數(shù)

如果提交的數(shù)據(jù)是變化的，或則ajaxRequest組件是一個(gè)，但綁定的HTML元素事件是多個(gè)，又該怎么處理呢?

舉個(gè)實(shí)例，比如“發(fā)送郵件”，一般分為“保存到草稿”、“直接發(fā)送”，因?yàn)樘峤坏臄?shù)據(jù)是一樣的，則可以通過動(dòng)態(tài)參數(shù)傳遞，在兩個(gè)按鈕的事件上分別綁定到同一個(gè)ajaxRequest組件。假設(shè)ajaxRequest組件的名稱為sentMail，參考如下代碼：

$Actions[‘sentMail’]其實(shí)就是一個(gè)函數(shù)，你在調(diào)用的時(shí)候，可以設(shè)置參數(shù)為拼接的字符串(見代碼紅色部分)，這是一個(gè)經(jīng)常使用的特性。還需要注意一點(diǎn)，參數(shù)傳遞的優(yōu)先級(jí)是高于formSelector的。

4.2 自動(dòng)加載js及css文件

自動(dòng)加載js及css文件是ajaxRequest組件一個(gè)非常重要的特性，您可以直接在Ajax的返回?cái)?shù)據(jù)中定義js或css文件，而不必?fù)?dān)心它們是否已加載，如何加載等一系列問題。

您可以通過firebug來體驗(yàn)自動(dòng)加載過程：)

4.3 作為其它組件的引用

組件的引用是SimpleFramework組件體系一個(gè)非常實(shí)用的功能。比如，window組件通過引用ajaxRequest組件來裝載window面板內(nèi)容，代碼如下：

 
 
 

  
  
  

  
  
  
  /window_content.jsp
  
  
  

  
  
  

  
  
  

  
  
  

 
 
 

當(dāng)調(diào)用了testWindow組件，ajaxTestPage將被觸發(fā)并返回/window_content.jsp生成的數(shù)據(jù)到window面板。以后還會(huì)對(duì)此特性做更多的介紹。

4.4 緩存返回的數(shù)據(jù)

ajaxRequest組件的緩存功能非常簡(jiǎn)單，設(shè)置屬性u(píng)pdateContainerCache=true即可。如果您是注冊(cè)用戶，可以在SimpleFramework站點(diǎn)上體驗(yàn)一下：右上方的個(gè)人屬性編輯，采用的是標(biāo)簽頁(yè)，當(dāng)標(biāo)簽頁(yè)被打開后，下次將使用緩存功能。

4.5 一些不常用的屬性

disabledTriggerAction，當(dāng)組件被調(diào)用時(shí)，是否禁止調(diào)用元素，默認(rèn)為true，目的是防止被多次調(diào)用，比如用戶連續(xù)的點(diǎn)擊操作

parallel，是否允許并行執(zhí)行，默認(rèn)為false，在連續(xù)調(diào)用ajaxRequest時(shí)，在允許并行時(shí)，才可同時(shí)執(zhí)行，否則將拋棄當(dāng)前的調(diào)用

jobExecute，執(zhí)行權(quán)限，該屬性依賴機(jī)構(gòu)模塊

confirmMessage，客戶端需要確認(rèn)的消息

throwException(window、alert)，異常的展示方式。提供alert展示或window組件展示，window組件展示可獲取更多的異常信息

showLoading，是否顯示裝載進(jìn)度(右上角顯示)，默認(rèn)為true