今天筆者在這裡講一講使用joomla內建的mootools javascript庫的實現ajax,由於是內建庫,所以不用管有沒有jquery,那麼怎麼實現呢,首先建立一個ajax的擷取按鈕,一般我們都是在組件的編輯中用到,所以檔案一般在views\你的視圖\tmpl\default.php裡面:
複製代碼 代碼如下:
<input type="button" id="ajaxButton" value="Get方式" />
<div id="someID"></div>
$doc =& JFactory::getDocument();
$script = <<<SCRIPT
window.addEvent('domready', function() {
$('ajaxButton').addEvent('click', function () {
new Ajax(
'index.php?option=com_category&controller=category&task=aj&format=ajax',
{
method: 'get',
update: 'someID'
}
).request();
});
});
SCRIPT;
input這一行是一個擷取ajax的按鈕,接著是顯示返回資料的div層,下面就是使用ajax的mootools代碼,簡單說下,這裡是通過getDocument類方法添加js到文檔head裡面,注意這裡$是代表mootools類庫,ajax裡面的網址參數首先是組件名,控制器名,執行的方法aj,這個寫在控制器裡面,就是點擊後執行的方法,需要寫返回資料,最後就是返回資料類型,這裡必須是ajax,否則會把整個文檔都返回,我們這裡只要aj方法的返回資料部分.有兩個參數,get是擷取資料方式,someID是綁定的返回資料顯示id,這都是必須的.
ajax使用不是必須的,但是有時候不得不用,如果使用原生態的,我想載入還是很快的,mootools庫筆者也沒有用過,只是照貓畫虎,這裡畢竟是提供了一種實現ajax的方法,怎麼實現POST方法呢,只需要添加相應表單元素即可.在這裡筆者就不多說了,因為用的不是很多.好了,就講到這裡,就不提供例子了,如果你需要可以在遇到編輯表單元素時候試試代碼什麼的都很短,copy一下就好了!
