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代碼,簡(jiǎn)單說下,這里是通過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代碼,簡(jiǎn)單說下,這里是通過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一下就好了!
您可能感興趣的文章:
- joomla內(nèi)置的表單驗(yàn)證功能使用方法
- xml在joomla表單中的應(yīng)用詳解分享
- joomla數(shù)據(jù)庫操作示例代碼
- joomla組件開發(fā)入門教程
- joomla實(shí)現(xiàn)注冊(cè)用戶添加新字段的方法
- Joomla簡(jiǎn)單判斷用戶是否登錄的方法
- Joomla語言翻譯類Jtext用法分析
- PHP中文處理 中文字符串截取(mb_substr)和獲取中文字符串字?jǐn)?shù)
- Thinkphp模板中截取字符串函數(shù)簡(jiǎn)介
- Laravel與CI框架中截取字符串函數(shù)
- Joomla框架實(shí)現(xiàn)字符串截取的方法示例
相關(guān)文章
使用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)就搞定,省去了修改配置文件的麻煩,這里就簡(jiǎn)寫成wamp。2015-08-08
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
Yii2框架操作數(shù)據(jù)庫的方法分析【以mysql為例】
這篇文章主要介紹了Yii2框架操作數(shù)據(jù)庫的方法,結(jié)合實(shí)例形式分析了Yii2框架配置、連接mysql數(shù)據(jù)庫及執(zhí)行SQL進(jìn)行增刪改查等相關(guān)操作技巧,需要的朋友可以參考下2019-05-05

