ajax在joomla中的原生態(tài)應(yīng)用代碼
更新時(shí)間:2012年07月19日 13:22:03 作者:
一般很少看到j(luò)oomla中使用ajax,筆者以前說(shuō)到過(guò)用jquery來(lái)實(shí)現(xiàn),對(duì)于那些驗(yàn)證用戶名不能重復(fù),郵箱不能重復(fù),以及聯(lián)動(dòng)菜單,等等的應(yīng)用,使用ajax是免不了的
今天筆者在這里講一講使用joomla自帶的mootools javascript庫(kù)的實(shí)現(xiàn)ajax,由于是自帶庫(kù),所以不用管有沒(méi)有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)單說(shuō)下,這里是通過(guò)getDocument類方法添加js到文檔head里面,注意這里$是代表mootools類庫(kù),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庫(kù)筆者也沒(méi)有用過(guò),只是照貓畫虎,這里畢竟是提供了一種實(shí)現(xiàn)ajax的方法,怎么實(shí)現(xiàn)POST方法呢,只需要添加相應(yīng)表單元素即可.在這里筆者就不多說(shuō)了,因?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)單說(shuō)下,這里是通過(guò)getDocument類方法添加js到文檔head里面,注意這里$是代表mootools類庫(kù),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庫(kù)筆者也沒(méi)有用過(guò),只是照貓畫虎,這里畢竟是提供了一種實(shí)現(xiàn)ajax的方法,怎么實(shí)現(xiàn)POST方法呢,只需要添加相應(yīng)表單元素即可.在這里筆者就不多說(shuō)了,因?yàn)橛玫牟皇呛芏?好了,就講到這里,就不提供例子了,如果你需要可以在遇到編輯表單元素時(shí)候試試代碼什么的都很短,copy一下就好了!
您可能感興趣的文章:
- joomla內(nèi)置的表單驗(yàn)證功能使用方法
- xml在joomla表單中的應(yīng)用詳解分享
- joomla數(shù)據(jù)庫(kù)操作示例代碼
- joomla組件開發(fā)入門教程
- joomla實(shí)現(xiàn)注冊(cè)用戶添加新字段的方法
- Joomla簡(jiǎn)單判斷用戶是否登錄的方法
- Joomla語(yǔ)言翻譯類Jtext用法分析
- PHP中文處理 中文字符串截取(mb_substr)和獲取中文字符串字?jǐn)?shù)
- Thinkphp模板中截取字符串函數(shù)簡(jiǎn)介
- Laravel與CI框架中截取字符串函數(shù)
- Joomla框架實(shí)現(xiàn)字符串截取的方法示例
相關(guān)文章
ThinkPHP使用Smarty第三方插件方法小結(jié)
這篇文章主要介紹了ThinkPHP使用Smarty第三方插件方法,結(jié)合實(shí)例形式總結(jié)分析了ThinkPHP使用Smarty模板的具體步驟與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-03-03Laravel框架實(shí)現(xiàn)簡(jiǎn)單的學(xué)生信息管理平臺(tái)案例【附源碼下載】
這篇文章主要介紹了Laravel框架實(shí)現(xiàn)簡(jiǎn)單的學(xué)生信息管理平臺(tái),結(jié)合具體案例形式較為詳細(xì)的分析了基于Laravel框架的學(xué)生信息管理平臺(tái)路由與控制器相關(guān)操作技巧,并附帶完整源碼供讀者下載參考,需要的朋友可以參考下2019-05-05PHP輕量級(jí)數(shù)據(jù)庫(kù)操作類Medoo增加、刪除、修改、查詢例子
這篇文章主要介紹了PHP輕量級(jí)數(shù)據(jù)庫(kù)操作類Medoo增加、刪除、修改、查詢例子,Medoo是一款超輕量級(jí)的PHP SQL數(shù)據(jù)庫(kù)框架,支持MySQL, MSSQL, SQLite等數(shù)據(jù)庫(kù),需要的朋友可以參考下2014-07-07php file_get_contents函數(shù)輕松采集html數(shù)據(jù)
PHP手冊(cè)里是這么解釋的:file_get_contents — 將整個(gè)文件讀入一個(gè)字符串,于是可以很容易的獲取其他站的信息,再用正則加以變換,再做一些判斷和設(shè)定,就OK了,不多說(shuō)了,放代碼,我基本都做了解釋的。2010-04-04php頁(yè)面,mysql數(shù)據(jù)庫(kù)轉(zhuǎn)utf-8亂碼,utf-8編碼問(wèn)題總結(jié)
一個(gè)網(wǎng)站如果需要國(guó)際化,就需要將編碼從GB2312轉(zhuǎn)成UTF-8,其中有很多的問(wèn)題需要注意,如果沒(méi)有轉(zhuǎn)換徹底,將會(huì)有很多的編碼問(wèn)題出現(xiàn)!接下來(lái)通過(guò)本篇文章給大家分享php頁(yè)面,mysql數(shù)據(jù)庫(kù)轉(zhuǎn)utf-8亂碼,utf-8編碼問(wèn)題總結(jié),需要的朋友可以參考下2015-08-08laravel框架中表單請(qǐng)求類型和CSRF防護(hù)實(shí)例分析
這篇文章主要介紹了laravel框架中表單請(qǐng)求類型和CSRF防護(hù),結(jié)合實(shí)例形式分析了laravel框架常見(jiàn)請(qǐng)求方法、提交請(qǐng)求以及csrf令牌的驗(yàn)證相關(guān)操作技巧,需要的朋友可以參考下2019-11-11