ajax在joomla中的原生態(tài)應(yīng)用代碼
更新時(shí)間：2012年07月19日 13:22:03 作者：
一般很少看到j(luò)oomla中使用ajax,筆者以前說到過用jquery來實(shí)現(xiàn),對(duì)于那些驗(yàn)證用戶名不能重復(fù),郵箱不能重復(fù),以及聯(lián)動(dòng)菜單,等等的應(yīng)用,使用ajax是免不了的
今天筆者在這里講一講使用joomla自帶的mootools javascript庫的實(shí)現(xiàn)ajax,由于是自帶庫,所以不用管有沒有jquery,那么怎么實(shí)現(xiàn)呢,首先建立一個(gè)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這一行是一個(gè)獲取ajax的按鈕,接著是顯示返回?cái)?shù)據(jù)的div層,下面就是使用ajax的mootools代碼,簡單說下,這里是通過getDocument類方法添加js到文檔head里面,注意這里$是代表mootools類庫,ajax里面的網(wǎng)址參數(shù)首先是組件名,控制器名,執(zhí)行的方法aj,這個(gè)寫在控制器里面,就是點(diǎn)擊后執(zhí)行的方法,需要寫返回?cái)?shù)據(jù),最后就是返回?cái)?shù)據(jù)類型,這里必須是ajax,否則會(huì)把整個(gè)文檔都返回,我們這里只要aj方法的返回?cái)?shù)據(jù)部分.有兩個(gè)參數(shù),get是獲取數(shù)據(jù)方式,someID是綁定的返回?cái)?shù)據(jù)顯示id,這都是必須的.
ajax使用不是必須的,但是有時(shí)候不得不用,如果使用原生態(tài)的,我想加載還是很快的,mootools庫筆者也沒有用過,只是照貓畫虎,這里畢竟是提供了一種實(shí)現(xiàn)ajax的方法,怎么實(shí)現(xiàn)POST方法呢,只需要添加相應(yīng)表單元素即可.在這里筆者就不多說了,因?yàn)橛玫牟皇呛芏?好了,就講到這里,就不提供例子了,如果你需要可以在遇到編輯表單元素時(shí)候試試代碼什么的都很短,copy一下就好了!
復(fù)制代碼 代碼如下:
<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這一行是一個(gè)獲取ajax的按鈕,接著是顯示返回?cái)?shù)據(jù)的div層,下面就是使用ajax的mootools代碼,簡單說下,這里是通過getDocument類方法添加js到文檔head里面,注意這里$是代表mootools類庫,ajax里面的網(wǎng)址參數(shù)首先是組件名,控制器名,執(zhí)行的方法aj,這個(gè)寫在控制器里面,就是點(diǎn)擊后執(zhí)行的方法,需要寫返回?cái)?shù)據(jù),最后就是返回?cái)?shù)據(jù)類型,這里必須是ajax,否則會(huì)把整個(gè)文檔都返回,我們這里只要aj方法的返回?cái)?shù)據(jù)部分.有兩個(gè)參數(shù),get是獲取數(shù)據(jù)方式,someID是綁定的返回?cái)?shù)據(jù)顯示id,這都是必須的.
ajax使用不是必須的,但是有時(shí)候不得不用,如果使用原生態(tài)的,我想加載還是很快的,mootools庫筆者也沒有用過,只是照貓畫虎,這里畢竟是提供了一種實(shí)現(xiàn)ajax的方法,怎么實(shí)現(xiàn)POST方法呢,只需要添加相應(yīng)表單元素即可.在這里筆者就不多說了,因?yàn)橛玫牟皇呛芏?好了,就講到這里,就不提供例子了,如果你需要可以在遇到編輯表單元素時(shí)候試試代碼什么的都很短,copy一下就好了!
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了php中的mongodb select常用操作代碼示例,本文同時(shí)包含mongodb操作命令和PHP實(shí)現(xiàn)代碼,需要的朋友可以參考下2014-09-09
這篇文章主要介紹了Yii框架的路由配置方法,結(jié)合實(shí)例形式總結(jié)分析了Yii框架路由的常見配置與使用操作技巧,需要的朋友可以參考下2019-09-09
使用gd庫實(shí)現(xiàn)php服務(wù)端圖片裁剪和生成縮略圖功能分享
一般用戶上傳頭像時(shí)，都會(huì)讓用戶自行裁剪圖片。那么php怎么實(shí)現(xiàn)這個(gè)功能呢？php中裁剪圖片主要使用gd庫的imagecopyresampled方法2013-12-12
wampserver改變默認(rèn)網(wǎng)站目錄的辦法
大家在做php項(xiàng)目時(shí)，很多項(xiàng)目都會(huì)用到wampserver。WampServe集成了Apache、MySQL、PHP、phpmyadmin，支持Apache的mod_rewrite，PHP擴(kuò)展、Apache模塊只需要在菜單“開啟/關(guān)閉”上點(diǎn)點(diǎn)就搞定，省去了修改配置文件的麻煩，這里就簡寫成wamp。2015-08-08
這篇文章主要介紹了YII分模塊加載路由的實(shí)現(xiàn)方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-10-10
這篇文章給大家分享的是使用php實(shí)現(xiàn)的等比例縮放圖片及剪切圖片的代碼，非常的簡單實(shí)用，附上用法，有需要的小伙伴可以參考下。2016-02-02
一段防盜連的PHP代碼...2006-12-12
CodeIgniter開發(fā)實(shí)現(xiàn)支付寶接口調(diào)用的方法示例
這篇文章主要介紹了CodeIgniter開發(fā)實(shí)現(xiàn)支付寶接口調(diào)用的方法,結(jié)合實(shí)例形式分析了CodeIgniter開發(fā)支付寶接口的操作步驟與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-11-11
今天，我們先學(xué)習(xí)一個(gè)比較簡單但不太常用的壓縮格式：Bzip2，對(duì)PHP的bz2壓縮擴(kuò)展工具相關(guān)知識(shí)感興趣的朋友跟隨小編一起學(xué)習(xí)吧2021-05-05
Yii2框架操作數(shù)據(jù)庫的方法分析【以mysql為例】
這篇文章主要介紹了Yii2框架操作數(shù)據(jù)庫的方法,結(jié)合實(shí)例形式分析了Yii2框架配置、連接mysql數(shù)據(jù)庫及執(zhí)行SQL進(jìn)行增刪改查等相關(guān)操作技巧,需要的朋友可以參考下2019-05-05