ThinkPHP的官方文檔沒有給出ThinkAjax的使用方法,令很多初學者使用起來有些不便,今天學到這里,也碰到了很多問題,花時間深究下,做個學習筆記,希望能對初學者有幫助。

代碼如下:

1. <script type="text/javascript" src="__PUBLIC__/js/base.js"></script> 
2. <script type="text/javascript" src="__PUBLIC__/js/prototype.js"></script> 
3. <script type="text/javascript" src="__PUBLIC__/js/mootools.js"></script> 
4. <script type="text/javascript" src="__PUBLIC__/js/Ajax/ThinkAjax.js"></script> 
5. <script type="text/javascript"> 
6. function checktitle() 
7. { 
8.        ThinkAjax.send('__URL__/checktitle','ajax=1&title='+$('title').value,'','checkbox'); 
9. } 
10. </script> 
11. <form action="__URL__/insert" method="post" id="myform"> 
12.  <table> 
13.      <tbody> 
14.      <tr> 
15.         <td width="45" class="tRight">標題：</td> 
16.         <td> 
17.         <input type="text" id="title" name="title"> 
18.         <input type="button" value="檢查" onClick="checktitle();">          
19.         </td> 
20.         <td> 
21.         <span id="checkbox"></span> 
22.         </td> 
23.      </tr>                  
24.       </tbody> 
25.  </table> 
26. </form> 

代碼解釋:為“檢查”按鈕添加一個onclick事件,當按鈕被點擊時,調用checktitle()函數,在checktitle函數中,我們只用到了ThinkAjax對象中的成員方法send.

send:function(url,pars,response,target,tips,effect){……}

可以看出ThinkAjax.send方法共有6個參數：

參數url：表示要將客戶端瀏覽器傳輸過來的數據提交到服務器上的哪個方法進行處理，我這里提交給“當前模塊下的checktitle方法”處理

參數pars：相當于ajax中的send方法中的參數string，表示要提交過去的數據，該參數只用于post方式傳值

參數response：自定義的回調函數，如果定義了回調函數，則服務器處理完提交過去的數據之后，將會把處理后的數據交給回調函數進行處理。該回調函數有兩個參數：①data②status  參數data：將服務器端處理后的數據賦給data 參數status：表示處理后的狀態信息，1表示成功 0 表示失敗

參數target：表示將處理后的數據在哪個地方進行顯示(或輸出),比如:我將此參數賦為:checkbox,表示處理后的數據會在id=”checkbox”的標簽進行信息輸出.

當前模塊下的checktitle方法的源代碼如下:

1. <?php 
2. class IndexAction extends Action 
3. { 
4.        // 首頁 
5.        public function index(){ 
6.               $this->display(); 
7.        } 
8.        // 檢查標題是否可用 
9.        public function checkTitle() 
10.        { 
11.               if(!emptyempty($_POST['title'])) 
12.                      { 
13.                      $Form     =     D("Form"); 
14.                      if($Form->getByTitle($_POST['title'])) 
15.                      { 
16.                             $this->error('標題已經存在'); 
17.                      } 
18.                      else 
19.                      { 
20.                             $this->success('標題可以使用!'); 
21.                      } 
22.               } 
23.               else 
24.               { 
25.                      $this->error('標題不能為空...'); 
26.               } 
27.        } 
28. } 
29. ?>