利用ThinkPHP内置的ThinkAjax实现异步传输技术的实现方法
更新时间：2011年12月19日 01:25:05 作者：
ThinkPHP的官方文档没有给出ThinkAjax的使用方法，令很多初学者使用起来有些不便，今天学到这里，也碰到了很多问题，花时间深究下，做个学习笔记，希望能对初学者有帮助
准备工作：
① 首先要会使用ThinkPHP这个框架
② 最好有些ajax的基础（可以去看下小飞的另外一篇博文：Ajax实时验证"用户名/邮箱等"是否已经存在）
③ 4个js文档（点此免积分下载）
先贴上源代码：
<script type="text/javascript" src="__PUBLIC__/js/base.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/prototype.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/mootools.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/Ajax/ThinkAjax.js"></script>
<script type="text/javascript">
function checktitle()
{
ThinkAjax.send('__URL__/checktitle','ajax=1&title='+$('title').value,'','checkbox');
}
</script>
<form action="__URL__/insert" method="post" id="myform">
<table>
<tbody>
<tr>
<td width="45" class="tRight">标题：</td>
<td>
<input type="text" id="title" name="title">
<input type="button" value="检查" onClick="checktitle();">
</td>
<td>
<span id="checkbox"></span>
</td>
</tr>
</tbody>
</table>
</form>
代码解释：
为“检查”按钮添加一个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方法的源代码：
<?php
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('标题不能为空...');
}
}
}
?>
文章作者：WEB开发_小飞
① 首先要会使用ThinkPHP这个框架
② 最好有些ajax的基础（可以去看下小飞的另外一篇博文：Ajax实时验证"用户名/邮箱等"是否已经存在）
③ 4个js文档（点此免积分下载）
先贴上源代码：
复制代码 代码如下:
<script type="text/javascript" src="__PUBLIC__/js/base.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/prototype.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/mootools.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/Ajax/ThinkAjax.js"></script>
<script type="text/javascript">
function checktitle()
{
ThinkAjax.send('__URL__/checktitle','ajax=1&title='+$('title').value,'','checkbox');
}
</script>
<form action="__URL__/insert" method="post" id="myform">
<table>
<tbody>
<tr>
<td width="45" class="tRight">标题：</td>
<td>
<input type="text" id="title" name="title">
<input type="button" value="检查" onClick="checktitle();">
</td>
<td>
<span id="checkbox"></span>
</td>
</tr>
</tbody>
</table>
</form>
代码解释：
为“检查”按钮添加一个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方法的源代码：
复制代码 代码如下:
<?php
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('标题不能为空...');
}
}
}
?>
文章作者：WEB开发_小飞
相关文章
PHP流Streams、包装器wrapper概念与用法实例详解
这篇文章主要介绍了PHP流Streams、包装器wrapper概念与用法,结合实例形式分析了php中流Streams与包装器wrapper的基本概念及使用方法,需要的朋友可以参考下2017-11-11
这篇文章主要介绍了php动态生成版权所有信息的方法,实例分析了php时间与字符串的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
搞个了图片上传，死活不好使，后来发现是php参数配置的问题，下面总结下与文件上传有关的php参数，有类似情况的朋友可以参考下哈2013-06-06
今天把刚完成的第一部分功能部署到客户的测试服务器上，结果傻眼了，好多功能都用不了，列表页刷出来全是空的。2011-08-08
这篇文章主要介绍了PHP实现清除wordpress里恶意代码的方法以及相关代码和使用方法，有需要的小伙伴可以参考下。2015-10-10
这篇文章主要介绍了php使用curl抓取qq空间的访客信息示例,需要的朋友可以参考下2014-02-02
这篇文章主要介绍了php中error与exception的区别及应用,需要的朋友可以参考下2014-07-07
简单实用的缓存函数2008-08-08
这篇文章主要介绍了如何利用PHP读取Excel文件的记录，文中的示例代码讲解详细，对我们学习或工作有一定帮助，感兴趣的可以跟随小编了解一下2022-03-03
委托是对一个类的功能进行扩展和复用的方法。它的做法是：写一个附加的类提供附加的功能，并使用原来的类的实例提供原有的功能，接下来通过本文给大家介绍PHP委托设计模式实例详解，感兴趣的朋友一起学习吧2016-02-02
最新评论