天天看點

prototype.js 的 Ajax.updater 的 用法以及替換方式

   Ajax.updater 将背景傳回的html格式的字元串拼進div,如果替換,就直接用普通ajax請求,擷取資料innerHtml()就好

下面是網上的updater介紹

如果你的伺服器的另一端傳回的資訊已經是 HTML 了,那麼使用這個程式包中 Ajax.Updater 類将使你的生活變得更加得容易。

function getContents() 
 { 
 var request_url = "test1.html";       // 需要擷取内容的url 
 var request_pars = '';//請求參數 

 var myAjax = new Ajax.Updater('result', request_url,{ // 将request_url傳回内容綁定到id為result的容器中 
 method     : 'get', //HTTP請求的方法,get or post 
 parameters : request_pars, //請求參數 
 onFailure  : reportError, //失敗的時候調用 reportError 函數 
 onLoading  : loading, //正在獲得内容的時候 
 onComplete : done     //内容擷取完畢的時候 
 }); 
 } 

 function loading() 
 { 
 $('loading').style.display = 'block'; 
 } 

 function done() 
 { 
 $('loading').style.display = 'none'; 
 } 

 function reportError(request) 
 { 
 alert('Sorry. There was an error.'); 
 }      
<script>
     function getHTML()
     {
         var url = 'http://yourserver/app/getSomeHTML';
         var pars = 'someParameter=ABC';
         var myAjax = new Ajax.Updater(
                     {success: 'placeholder'},
                     url,
                     {method: 'get', parameters: pars, onFailure: reportError});
     }
     function reportError(request)
     {
         alert('Sorry. There was an error.');
     }
 </script>

 <input type=button value=GetHtml οnclick="getHTML()">
 <div id="placeholder"></div>