ThinkAjax中异步传输技术实现代码-php手册-PHP中文网

ThinkAjax中异步传输技术实现代码

php中文网

发布： 2016-06-13 10:03:57

原创

1145人浏览过

本实例介绍了在利用thinkajax中的无刷新技术来实例异步传输，有需要的朋友可以参考一下。

thinkphp的官方文档没有给出thinkajax的使用方法，令很多初学者使用起来有些不便，今天学到这里，也碰到了很多问题，花时间深究下，做个学习笔记，希望能对初学者有帮助。

代码如下

复制代码

function checktitle()

{

ThinkAjax.send('__URL__/checktitle','ajax=1&title='+$('title').value,'','checkbox');

}

标题：

赣极购物商城网店建站软件系统

大小仅1兆左右，足够轻便的商城系统；易部署，上传空间即可用，安全，稳定；容易操作，登陆后台就可设置装饰网站；并且使用异步技术处理网站数据，表现更具美感。前台呈现页面，兼容主流浏览器，DIV+CSS页面设计；如果您有一定的网页设计基础，还可以进行简易的样式修改，二次开发，发布新样式，调整网站结构，只需修改css目录中的css.css文件即可。商城网站完全独立，网站源码随时可供您下载

查看详情

代码解释：

为“检查”按钮添加一个onclick事件，当按钮被点击时，调用checktitle()函数
在checktitle函数中，我们只用到了ThinkAjax对象中的成员方法send
　　　　send:function(url,pars,response,target,tips,effect){……}

可以看出ThinkAjax.send方法共有6个参数：

参数url：表示要将客户端浏览器传输过来的数据提交到服务器上的哪个方法进行处理，我这里提交给“当前模块下的checktitle方法”处理

参数pars：相当于ajax中的send方法中的参数string，表示要提交过去的数据，该参数只用于post方式传值

参数response：自定义的回调函数，如果定义了回调函数，则服务器处理完提交过去的数据之后，将会把处理后的数据交给回调函数进行处理。该回调函数有两个参数：①data②status 参数data：将服务器端处理后的数据赋给data 参数status：表示处理后的状态信息，1表示成功 0 表示失败

参数target：表示将处理后的数据在哪个地方进行显示（或输出），比如：我将此参数赋为：checkbox，表示处理后的数据会在id=”checkbox”的标签进行信息输出

当前模块下的checktitle方法的源代码：

代码如下

复制代码

class IndexAction extends Action
{
       // 首页
       public function index(){
              $this->display();
       }
       // 检查标题是否可用
       public function checkTitle()
       {
              if(!empty($_POST['title']))
                     {
                     $Form     =     D("Form");
                     if($Form->getByTitle($_POST['title']))
                     {
                            $this->error('标题已经存在');
                     }
                     else
                     {
                            $this->success('标题可以使用!');
                     }
              }
              else
              {
                     $this->error('标题不能为空...');
              }
       }
}
?>