ThinkPHP中ajax使用实例教程


Posted in PHP onAugust 22, 2014

本文实例讲述了ThinkPHP中使用ajax的方法,提交表单如下图所示:

ThinkPHP中ajax使用实例教程

点击提交,不需要刷新本页,将内容提交到数据库当中,并在本页显示提交的内容。如下图所示:

ThinkPHP中ajax使用实例教程

一、jquery实现方法:

MessageAction.class.php页面代码如下:

<?php
class MessageAction extends Action{
 
 function index(){
  $this->display(); 
 }
 
 function add(){
  //ajaxReturn(数据,'提示信息',状态) 
  $m=M('message');
  if($m->add($_GET)){
   $this->ajaxReturn($_GET,'添加信息成功',1);
  }else{
   $this->ajaxReturn(0,'添加信息失败',0); 
  }
 }
 
}
?>

模板index.html代码如下:

<html>
<head>
<script type="text/javascript" src="__PUBLIC__/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
 $(function(){
  $('input:button').click(function(){
   var $title=$('input[name="title"]').val();
   var $message=$('input[name="message"]').val();
   $mess=$('#mess');
   $.getJSON('__URL__/add',{title:$title,message:$message},function(json){
    //alert(json);return false;
    if(json.status==1){
     $mess.slideDown(3000,function(){
      $mess.css('display','block'); 
     }).html('标题为'+json.data.title+'信息为'+json.data.message); 
    }else{
     $mess.slideDown(3000,function(){
      $mess.css('display','block'); 
     }).html('信息添加失败,请检查'); 
    }  
   });
  }) 
 })
</script>
</head>
<body>
<div style="display:none; color:red;" id="mess"></div>
<form action="" method="get">
 标题:<input type="text" name="title" /><br />
 信息:<input type="text" name="message" /><br />
  <input type="button" value="提交" />
</form>
</body>
</html>

二、ThinkPHP实现方法:

MessageAction.class.php页面代码如下:

<?php
class MessageAction extends Action{
 
 function index(){
  $this->display(); 
 }

 function addtwo(){
  $m=M('message');
  if($vo=$m->create()){
   if($m->add()){
    $this->ajaxReturn($vo,'添加成功',1); 
   }else{
    $this->ajaxReturn(0,'添加失败',0); 
   } 
  }else{
   $this->error($m->getError()); 
  }
 }
}
?>

模板index.html代码如下:

<html>
<head>
<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/ThinkAjax.js"></script>
<script type="text/javascript">
 function add(){
  //ThinkAjax.sendForm(表单ID,URL,回调函数,信息显示的地方);
  ThinkAjax.sendForm('frm','__URL__/addtwo',wc); 
 }
 function wc(data,status){
  if(status!=1){
   alert('发送失败');
  }else{
   $('list').innerHTML+='标题'+data.title+',信息'+data.message; 
  } 
 }
</script>

</head>
<body>
<div id="list"></div>
<form action="" method="POST" id="frm">
 标题:<input type="text" name="title" /><br />
 信息:<input type="text" name="message" /><br />
  <input type="button" value="提交" onClick="add()" />
</form>
</body>
</html>

感兴趣的朋友可以测试运行一下本文所示实例,可以加深对Ajax应用的理解。

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

PHP 相关文章推荐
WINDOWS下php5.2.4+mysql6.0+apache2.2.4+ZendOptimizer-3.3.0配置
Mar 28 PHP
PHP禁止页面缓存的代码
Oct 23 PHP
在PHP中利用wsdl创建标准webservice的实现代码
Dec 07 PHP
如何使用PHP实现javascript的escape和unescape函数
Jun 29 PHP
xss防御之php利用httponly防xss攻击
Mar 21 PHP
php 参数过滤、数据过滤详解
Oct 26 PHP
使用PHP+AJAX让WordPress动态加载文章的教程
Dec 11 PHP
Yii使用技巧大汇总
Dec 29 PHP
php socket通信(tcp/udp)实例分析
Feb 14 PHP
PHP创建单例后台进程的方法示例
May 23 PHP
PHP实现动态获取函数参数的方法示例
Apr 02 PHP
PHP使用QR Code生成二维码实例
Jul 07 PHP
ThinkPHP中的常用查询语言汇总
Aug 22 #PHP
ThinkPHP多语言支持与多模板支持概述
Aug 22 #PHP
ThinkPHP中的三大自动简介
Aug 22 #PHP
PHP实现克鲁斯卡尔算法实例解析
Aug 22 #PHP
php中限制ip段访问、禁止ip提交表单的代码分享
Aug 22 #PHP
destoon出现验证码不显示时的紧急处理方法
Aug 22 #PHP
PHP中new static()与new self()的区别异同分析
Aug 22 #PHP
You might like
《心理测量者3》剧场版动画预告
2020/03/02 日漫
PHP 一个页面执行时间类代码
2010/03/05 PHP
使用Linux五年积累的一些经验技巧
2013/06/20 PHP
PHP判断文件是否被引入的方法get_included_files用法示例
2016/11/29 PHP
PHP简单实现冒泡排序的方法
2016/12/26 PHP
php封装的验证码类分享
2017/02/26 PHP
PHP基于进程控制函数实现多线程
2020/12/09 PHP
jQuery的学习步骤
2011/02/23 Javascript
仅Firefox中链接A无法实现模拟点击以触发其默认行为
2011/07/31 Javascript
基于jquery自定义图片热区效果
2012/07/21 Javascript
js中cookie的添加、取值、删除示例代码
2013/10/21 Javascript
javascript日期操作详解(脚本之家整理)
2015/09/05 Javascript
javascript字符串替换函数如何一次性全部替换掉
2015/10/30 Javascript
javascript从作用域链谈闭包
2020/07/29 Javascript
微信小程序 加载 app-service.js 错误解决方法
2016/10/12 Javascript
JS取模、取商及取整运算方法示例
2016/10/13 Javascript
Vue前后端不同端口的实现方法
2018/09/19 Javascript
vue中使用better-scroll实现滑动效果及注意事项
2018/11/15 Javascript
[40:48]DOTA2上海特级锦标赛D组败者赛 Liquid VS COL第二局
2016/02/28 DOTA
Python开发WebService系列教程之REST,web.py,eurasia,Django
2014/06/30 Python
python使用multiprocessing模块实现带回调函数的异步调用方法
2015/04/18 Python
python模仿网页版微信发送消息功能
2018/02/24 Python
在python win系统下 打开TXT文件的实例
2018/04/29 Python
python统计字母、空格、数字等字符个数的实例
2018/06/29 Python
Python爬虫实现“盗取”微信好友信息的方法分析
2019/09/16 Python
Pytorch实现LSTM和GRU示例
2020/01/14 Python
PIL.Image.open和cv2.imread的比较与相互转换的方法
2020/06/03 Python
使用python实现名片管理系统
2020/06/18 Python
飞利浦法国官网:Philips法国
2019/07/10 全球购物
数学专业推荐信范文
2013/11/21 职场文书
酒店采购员岗位职责
2014/03/14 职场文书
团结就是力量演讲稿
2014/05/21 职场文书
关于读书的演讲稿500字
2014/08/27 职场文书
2015初一年级组工作总结
2015/07/24 职场文书
2016五一劳动节慰问信
2015/11/30 职场文书
WordPress多语言翻译插件 - WPML使用教程
2021/04/01 PHP