ajax在joomla中的原生態應用代碼

來源:互聯網
上載者:User

今天筆者在這裡講一講使用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一下就好了!

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.