热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

ThinkPHP中使用ajax

点击提交,不需要刷新本页,将内容提交到数据库当中,并在本页显示提交的内容.jquery方法:MessageAction.class.php<?phpclassMessageActionext...

\

点击提交,不需要刷新本页,将内容提交到数据库当中,并在本页显示提交的内容.

\

jquery方法:

MessageAction.class.php

  1. class MessageAction extends Action{ 
  2.     
  3.     function index(){ 
  4.         $this->display();    
  5.     } 
  6.     
  7.     function add(){ 
  8.         //ajaxReturn(数据,&#39;提示信息&#39;,状态)    
  9.         $m=M(&#39;message&#39;); 
  10.         if($m->add($_GET)){ 
  11.             $this->ajaxReturn($_GET,&#39;添加信息成功&#39;,1); 
  12.         }else
  13.             $this->ajaxReturn(0,&#39;添加信息失败&#39;,0);    
  14.         } 
  15.     } 
  16.  
  17. ?> 

模板index.html

  1. <html> 
  2. <head> 
  3. <script type="text/Javascript" src="__PUBLIC__/js/jquery-1.7.1.min.js">script> 
  4. <script type="text/Javascript"> 
  5.     $(function(){ 
  6.         $(&#39;input:button&#39;).click(function(){ 
  7.             var $title=$(&#39;input[name="title"]&#39;).val(); 
  8.             var $message=$(&#39;input[name="message"]&#39;).val(); 
  9.             $mess=$(&#39;#mess&#39;); 
  10.            $.getJSON(&#39;__URL__/add&#39;,{title:$title,message:$message},function(json){ 
  11.                 //alert(json);return false; 
  12.                 if(json.status==1){ 
  13.                     $mess.slideDown(3000,function(){ 
  14.                         $mess.css(&#39;display&#39;,&#39;block&#39;);    
  15.                     }).html(&#39;标题为&#39;+json.data.title+&#39;信息为&#39;+json.data.message);    
  16.                 }else{ 
  17.                     $mess.slideDown(3000,function(){ 
  18.                         $mess.css(&#39;display&#39;,&#39;block&#39;);    
  19.                     }).html(&#39;信息添加失败,请检查&#39;);    
  20.                 }        
  21.             }); 
  22.         })    
  23.     }) 
  24. script> 
  25. head> 
  26. <body> 
  27. <div style="display:none; color:red;" id="mess">div> 
  28. <form action="" method="get"> 
  29.   标题:<input type="text" name="title" /><br /> 
  30.   信息:<input type="text" name="message" /><br /> 
  31.        <input type="button" value="提交" /> 
  32. form> 
  33. body> 
  34. html> 

ThinkPHP方法:

MessageAction.class.php

  1. class MessageAction extends Action{ 
  2.     
  3.     function index(){ 
  4.         $this->display();    
  5.     } 
  6.  
  7.     function addtwo(){ 
  8.         $m=M(&#39;message&#39;); 
  9.         if($vo=$m->create()){ 
  10.             if($m->add()){ 
  11.                 $this->ajaxReturn($vo,&#39;添加成功&#39;,1);    
  12.             }else
  13.                 $this->ajaxReturn(0,&#39;添加失败&#39;,0);    
  14.             }    
  15.         }else
  16.             $this->error($m->getError());    
  17.         } 
  18.                
  19.     } 
  20.  
  21. ?> 

模板index.html

  1. <html> 
  2. <head> 
  3. <script type="text/Javascript" src="__PUBLIC__/Js/Base.js">script> 
  4. <script type="text/Javascript" src="__PUBLIC__/Js/prototype.js">script> 
  5. <script type="text/Javascript" src="__PUBLIC__/Js/mootools.js">script> 
  6. <script type="text/Javascript" src="__PUBLIC__/Js/ThinkAjax.js">script> 
  7. <script type="text/Javascript"> 
  8.     function add(){ 
  9.         //ThinkAjax.sendForm(表单ID,URL,回调函数,信息显示的地方); 
  10.         ThinkAjax.sendForm(&#39;frm&#39;,&#39;__URL__/addtwo&#39;,wc);    
  11.     } 
  12.     function wc(data,status){ 
  13.         if(status!=1){ 
  14.             alert(&#39;发送失败&#39;); 
  15.         }else{ 
  16.             $(&#39;list&#39;).innerHTML+=&#39;标题&#39;+data.title+&#39;,信息&#39;+data.message;    
  17.         }    
  18.     } 
  19. script> 
  20.  
  21. head> 
  22. <body> 
  23. <div id="list">div> 
  24. <form action="" method="POST" id="frm"> 
  25.   标题:<input type="text" name="title" /><br /> 
  26.   信息:<input type="text" name="message" /><br /> 
  27.        <input type="button" value="提交" onClick="add()" /> 
  28. form> 
  29. body> 
  30. html> 

推荐阅读
  • 一个登陆界面
    预览截图html部分123456789101112用户登入1314邮箱名称邮箱为空15密码密码为空16登 ... [详细]
  • 本文探讨了2019年前端技术的发展趋势,包括工具化、配置化和泛前端化等方面,并提供了详细的学习路线和职业规划建议。 ... [详细]
  • 本文深入探讨了JavaScript中实现继承的四种常见方法,包括原型链继承、构造函数继承、组合继承和寄生组合继承。对于正在学习或从事Web前端开发的技术人员来说,理解这些继承模式对于提高代码质量和维护性至关重要。 ... [详细]
  • Spring Boot 中静态资源映射详解
    本文深入探讨了 Spring Boot 如何简化 Web 应用中的静态资源管理,包括默认的静态资源映射规则、WebJars 的使用以及静态首页的处理方法。通过本文,您将了解如何高效地管理和引用静态资源。 ... [详细]
  • 深入理解ExtJS:从入门到精通
    本文详细介绍了ExtJS的功能及其在大型企业前端开发中的应用。通过实例和详细的文件结构解析,帮助初学者快速掌握ExtJS的核心概念,并提供实用技巧和最佳实践。 ... [详细]
  • 当unique验证运到图片上传时
    2019独角兽企业重金招聘Python工程师标准model:public$imageFile;publicfunctionrules(){return[[[na ... [详细]
  • Java与JSON互转:实现JSON到Java对象及Java对象到JSON的转换
    本文详细介绍了如何在Java中实现JSON数据与Java对象之间的相互转换,包括代码示例和常见问题解决方法。 ... [详细]
  • Python数据类型6 字典
    字典Python的字典数据类型是基于hash散列算法实现的,采用键值对(key:value)的形式,根据key的值计算value的地址,具有非常快的查取和插入速度。但它是无序的,包 ... [详细]
  • 在项目部署后,Node.js 进程可能会遇到不可预见的错误并崩溃。为了及时通知开发人员进行问题排查,我们可以利用 nodemailer 插件来发送邮件提醒。本文将详细介绍如何配置和使用 nodemailer 实现这一功能。 ... [详细]
  • 本文详细探讨了JavaScript中的作用域链和闭包机制,解释了它们的工作原理及其在实际编程中的应用。通过具体的代码示例,帮助读者更好地理解和掌握这些概念。 ... [详细]
  • Python 内存管理机制详解
    本文深入探讨了Python的内存管理机制,涵盖了垃圾回收、引用计数和内存池机制。通过具体示例和专业解释,帮助读者理解Python如何高效地管理和释放内存资源。 ... [详细]
  • C#设计模式学习笔记:观察者模式解析
    本文将探讨观察者模式的基本概念、应用场景及其在C#中的实现方法。通过借鉴《Head First Design Patterns》和维基百科等资源,详细介绍该模式的工作原理,并提供具体代码示例。 ... [详细]
  • 利用Selenium与ChromeDriver实现豆瓣网页全屏截图
    本文介绍了一种使用Selenium和ChromeDriver结合Python代码,轻松实现对豆瓣网站进行完整页面截图的方法。该方法不仅简单易行,而且解决了新版Selenium不再支持PhantomJS的问题。 ... [详细]
  • 嵌入式开发环境搭建与文件传输指南
    本文详细介绍了如何为嵌入式应用开发搭建必要的软硬件环境,并提供了通过串口和网线两种方式将文件传输到开发板的具体步骤。适合Linux开发初学者参考。 ... [详细]
  • 解决TensorFlow CPU版本安装中的依赖问题
    本文记录了在安装CPU版本的TensorFlow过程中遇到的依赖问题及解决方案,特别是numpy版本不匹配和动态链接库(DLL)错误。通过详细的步骤说明和专业建议,帮助读者顺利安装并使用TensorFlow。 ... [详细]
author-avatar
mobiledu2502928043
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有