ThinkPHP-5ThinkAjax——js.pptVIP

  • 20
  • 0
  • 约2.55千字
  • 约 11页
  • 2017-12-26 发布于河北
  • 举报
ThinkPHP-5ThinkAjax——js

ThinkPHP入门 --thinkajax ? ThinkPHP对Javascript函数库的支持 Tp作为一个开源框架,具有很好的扩展性,他支持用户使用各种 第三方程序链接,比如说Jquery。在JS方面Tp官方为框架开发集成了 一些JS包,比如从早期版本的SmartyAjax到现在的ThinkAjax。 当然我们不是必须在ThinkPHP中使用ThinkAjax来完成项目的 Ajax操作,但是鉴于他的Ajax处理方式比较简单易用,我们来学习一 下 ?ThinkPHP框架自带了一个易于扩展的JS类库,并且通过标签库技术和JS方法轻松导入。这个规范类似于ThinkPHP基类库的命名空间导入方式,并且该规范同样可以适用于CSS文件的导入。 基于标签库技术的JS类库引入方法 html:import type=js file=Js.Base / html:import file=Js.Util.Calendar / 当然,我们还有更为简单的导入方法: load href=“__PUBLIC__/Js/Base.js” / load href=“__PUBLIC__/Js/prototype.js” / load href=“__PUBLIC__/Js/mootools.js” / load href=“__PUBLIC__/Js/Ajax/ThinkAjax.js” / 注:写于View层,输出一下看看__PUBLIC__指的是哪个目录 ? ? 以上4个文件的导入是按照一定顺序的,每一个都为后面的库提供支持 SmartAjax和ThinkAjax SmartAjax 是一个Ajax类库,CoreAjax(另一个库)的某些功能实现,支持HTML元素和事件绑定Ajax操作、表单提交,并可以定时执行,支持更新效果。 ThinkAjax和ThinkPHP结合,在返回数据格式上面专门针对ThinkPHP作了处理,其他用法和SmartAjax类似。 下面我们来看SmartyAjax有哪些方法(ThinkAjax对其进行了封装)。 ?主要方法: // 发送Ajax请求 send(提交URL,提交参数,结果显示DIV对象或者ID,更新显示效果,定时执行时间间隔) // 发送表单Ajax操作 sendForm(表单对象或者ID,提交URL,结果显示DIV对象或者ID,更新显示效果) // 绑定Ajax操作到HTML元素和事件 bind(源HTML元素或者ID,绑定事件,提交URL,提交参数,结果显示DIV对象或者ID,更新效果) // 页面加载时候进行Ajax操作 load(提交URL,提交参数,结果显示DIV对象或者ID,更新效果) // 定时执行Ajax操作 repeat(提交URL,提交参数,结果显示DIV对象或者ID,执行间隔,更新效果) 简单示例: ?// 页面加载时执行通过Ajax操作在后台执行load.php SmartAjax.load(http://localhost/load.php,name=thinkphp,result); // 绑定click操作到id为run的html元素,执行Ajax SmartAjax.bind(run,click,http://localhost/hello.php,name=thinkphp,result); // 每隔1秒种执行time.php,输出 SmartAjax.repeat(http://localhost/time.php,,$(timer),1000); // Ajax方式提交表单数据 SmartAjax.sendForm(login, APP+/User/checkLogin/,result,doLogin); ? 当然,上面只是SmartyAjax简单示例,那么ThinkAjax是对其进行的封装,他如何使用? 其实,在实际开发过程中我们使用ThinkAjax完成Ajax操作主要使用的是 ThinkAjax.sendForm ()和ThinkAjax.send() 使用方法: 首先在View页面引用前面的4个JS类库 然后为页面元素设置事件触发AJAX操作 使用上面的两个方法 ?ThinkAjax.sendForm(‘formId’,‘__URL__/action/’,complete,’re’); 第一个参数代表提交id为form1的表单 第二是参数是提交的地址 第三个参数,若是提交成功,履行的函数名称 第四个参数,就是显示数据措置惩罚中~这些提示信

文档评论(0)

1亿VIP精品文档

相关文档