『ONETHINK』AJAX使用

onethink中,很多方法/类的调用都和thinkphp中相似,本文主要讲解在onethink中,使用tp的ajax。

目录:

一. ?基本简介

二. ?新手调用(以批量操作为例)

三. ?参考资料

http://www.w3school.com.cn/jquery/ajax_post.asp

后盾网视频教程:许愿墙实例讲解(3)判断是否Ajax提交与错误页面定制

后盾网视频教程:F函数的使用与ajaxReturn方法

一. ?基本简介

在onethink中,使用ajax需要引入jquery文件,前端实现的方法与平时使用ajax的方法类似。

前端jquery使用ajax
前端jquery使用ajax

后台需要使用$this->ajaxReturn()返回数据。

二. ?新手调用(以批量操作为例)

前端:

以超链接代替submit按钮传值,在data-url中写入需要传到的url,第三个参数为”表示去掉.html的后缀:

超链接代替submit传值
超链接代替submit传值

checkbox写法:

checkbox写法
checkbox写法

获得data-url值,并使用循环,获取checkbox的value转为数组:

获取url和checkbox值
获取url和checkbox值

写回调函数,将获得的checkbox数组传回后台程序(function中的data表示后台传回的数据):

回调函数
回调函数

后端:

可直接使用I(‘post.ids’)来接收传回的id数组

进行相应操作后,使用$this->akaxReturn()函数返回到前端:

后端操作后,传回到前端步骤
后端操作后,传回到前端步骤

三. ?参考资料

http://www.w3school.com.cn/jquery/ajax_post.asp

后盾网视频教程:许愿墙实例讲解(3)判断是否Ajax提交与错误页面定制

后盾网视频教程:F函数的使用与ajaxReturn方法

查看更多onethink文章

发表评论

电子邮件地址不会被公开。