ajax在joomla中的原生态应用代码
2023-06-13 09:14:34 时间
今天笔者在这里讲一讲使用joomla自带的mootoolsjavascript库的实现ajax,由于是自带库,所以不用管有没有jquery,那么怎么实现呢,首先建立一个ajax的获取按钮,一般我们都是在组件的编辑中用到,所以文件一般在views\你的视图\tmpl\default.php里面:
复制代码代码如下:
<inputtype="button"id="ajaxButton"value="Get方式"/>
<divid="someID"></div>
$doc=&JFactory::getDocument();
$script=<<<SCRIPT
window.addEvent("domready",function(){
$("ajaxButton").addEvent("click",function(){
newAjax(
"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一下就好了!
相关文章
- ajax跨域解除方案,关于Ajax跨域问题及解决方案详析「建议收藏」
- java实现ajax_Ajax&Java
- WordPress增加说说功能—Artitalk.js应用
- 让ChatGPT编写交互式网页应用的临床预测模型
- GPT-4/文心一言齐发布,谁更强?李开复:AI 2.0 最先应用在能容错领域;颜水成加入智源,任访问首席科学家
- 肿瘤类器官在药物筛选中的应用-MedChemExpress
- key构建RedisJava应用:管理过期Key(redisjava过期)
- 构建MySQL应用:实现你的Idea(ideamysql驱动)
- 深度解析:红旗嵌入式Linux系统的核心技术与应用(红旗嵌入式linux)
- 流媒体在Linux上的应用新趋势(流媒体 linux)
- 应用SQL Server分发库实现更高效率(sqlserver分发库)
- PHP Redis实时监控系统的应用(php redis 监控)
- Oracle数据库外键设计与应用(oracle 数据库外键)
- 深入了解MySQL中模除运算113的作用和应用场景(mysql中11%3)
- 从MySQL分批传输至客户端AJAX解决方案(ajax分批mysql)
- 使用Ajax和Mysql实现简单点赞功能(ajax mysql点赞)
- AJAX技术简化Oracle数据库的访问处理(ajax连接oracle)
- Ajax实现对Oracle的异步操作(ajax操作oracle)
- Redis 实现轻松快速的数据管理(关于redis的应用)
- 健壮的AJAX源码学习应用示例
- AJAX应用之草稿自动保存
- ajaxrequest.jsajaxrequest0.7最新版使用AJAXRequest进行AJAX应用程序开发入门小技巧
- AJAX简单应用实例-弹出层
- jquery$.ajax入门应用一
- 向数据库中插入数据并返回当前插入的行数及全局变量@@IDENTITY应用
- Ajax方式提交带文件上传的表单及隐藏iframe应用
- js触发asp.net的Button的Onclick事件应用
- Ajax+PHP快速上手及简单应用说明