利用ThinkPHP内置的ThinkAjax实现异步传输技术的实现方法

时间:2023-09-11 15:11:50 

准备工作:
① 首先要会使用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开发_小飞

标签:ThinkAjax,异步传输
0
投稿

猜你喜欢

  • Go语言中使用反射的方法

    2023-07-22 22:31:48
  • python使用pandas抽样训练数据中某个类别实例

    2021-03-02 02:56:14
  • 基于mssql导mysql遇到的问题

    2024-01-22 05:37:36
  • Python最基本的输入输出详解

    2023-11-27 16:49:24
  • Python二叉搜索树与双向链表转换算法示例

    2023-07-17 22:49:42
  • Python matplotlib模块及柱状图用法解析

    2023-11-24 01:04:33
  • PHP平滑关闭/重启的实现方法

    2023-10-05 08:48:29
  • Python监听剪切板实现方法代码实例

    2023-11-10 13:48:32
  • python实现简单socket程序在两台电脑之间传输消息的方法

    2021-04-25 21:14:26
  • jmeter正则表达式的使用

    2022-08-10 01:10:42
  • Python实现arctan换算角度的示例

    2023-07-16 20:31:28
  • go sync.Once实现高效单例模式详解

    2024-02-05 05:49:37
  • Golang中runtime的使用详解

    2024-05-13 10:40:08
  • 一文带你熟悉Go语言中的分支结构

    2024-03-07 19:52:49
  • python引入不同文件夹下的自定义模块方法

    2023-04-24 18:37:22
  • mysql5存储过程编写实践

    2008-12-24 16:32:00
  • Pytorch关于Dataset 的数据处理

    2021-04-16 08:40:54
  • 解决Server对象 错误 'ASP 0178 : 80070005'

    2008-02-29 13:45:00
  • pandas 选取行和列数据的方法详解

    2022-12-29 19:28:58
  • python批量读取文件名并写入txt文件中

    2021-02-18 16:32:29
  • asp之家 网络编程 m.aspxhome.com