首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

ThinkPHP中使用ajax

作者：mobiledu2502928043 | 来源：互联网 | 2014-06-12 18:37
点击提交,不需要刷新本页,将内容提交到数据库当中,并在本页显示提交的内容.jquery方法:MessageAction.class.php<?phpclassMessageActionext...

\

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

\

jquery方法:

MessageAction.class.php

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

模板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

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

模板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> 

推荐阅读
  • php

    前端人员必须知道的三个问题及其发展阶段

    本文介绍了前端人员必须知道的三个问题，即前端都做哪些事、前端都需要哪些技术，以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外，还介绍了一些后端服务，如Node.js。 ... [详细]
  • php

    使用jQuery / AJAX实现两个div的动态更新

    本文介绍了如何使用jQuery和AJAX来实现动态更新两个div的方法。通过调用PHP文件并返回JSON字符串，可以将不同的文本分别插入到两个div中，从而实现页面的动态更新。 ... [详细]
  • request

    Java实战之电影在线观看系统的实现

    Java实战之电影在线观看系统的实现
    本文介绍了Java实战之电影在线观看系统的实现过程。首先对项目进行了简述，然后展示了系统的效果图。接着介绍了系统的核心代码，包括后台用户管理控制器、电影管理控制器和前台电影控制器。最后对项目的环境配置和使用的技术进行了说明，包括JSP、Spring、SpringMVC、MyBatis、html、css、JavaScript、JQuery、Ajax、layui和maven等。 ... [详细]
  • php

    Voicewo在线语音识别转换jQuery插件的特点和示例

    Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件，该插件具有快速、架构、风格、扩展和兼容等特点，适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • php

    使用@SerializedName注解解析json数据的方法

    在Android中解析Gson解析json数据是很方便快捷的，可以直接将json数据解析成java对象或者集合。使用Gson解析json成对象时，默认将json里对应字段的值解析到java对象里对应字段的属性里面。然而，当我们自己定义的java对象里的属性名与json里的字段名不一样时，我们可以使用@SerializedName注解来将对象里的属性跟json里字段对应值匹配起来。本文介绍了使用@SerializedName注解解析json数据的方法，并给出了具体的使用示例。 ... [详细]
  • lua

    lua语言闭包、模式匹配、日期、编译、模块的特性及应用

    本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值，函数可以作为变量自由传递，也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性，为程序开发带来了便利。 ... [详细]
  • char

    Java实现大数乘法（分治算法）

    本文介绍了使用Java实现大数乘法的分治算法，包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ... [详细]
  • sum

    HDU 2372 El Dorado（DP）的最长上升子序列长度求解方法

    HDU 2372 El Dorado（DP）的最长上升子序列长度求解方法
    本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法，通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]
  • php

    Alink回归预测的不完善问题及期待

    本文讨论了Alink回归预测的不完善问题，指出目前主要针对Python做案例，对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法，以及Maven的相关知识。最后，对Alink回归预测的未来发展提出了期待。 ... [详细]
  • php

    后台获取视图对应的字符串

    后台获取视图对应的字符串
    1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注：不会执行对应的ac ... [详细]
  • char

    《数据结构》学习笔记3——串匹配算法性能评估

    《数据结构》学习笔记3——串匹配算法性能评估
    本文主要讨论串匹配算法的性能评估，包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库，可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n)，通过随机取出长度为m的子串作为模式P，在文本T中进行匹配，统计平均复杂度。对于成功和失败的匹配分别进行测试，分析其平均复杂度。详情请参考相关学习资源。 ... [详细]
  • php

    ABAP开发发送邮件程序的配置和代码整理

    本文介绍了通过ABAP开发往外网发邮件的需求，并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定，可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度：184字。 ... [详细]
  • char

    动态规划算法的基本步骤及最长递增子序列问题详解

    动态规划算法的基本步骤及最长递增子序列问题详解
    本文详细介绍了动态规划算法的基本步骤，包括划分阶段、选择状态、决策和状态转移方程，并以最长递增子序列问题为例进行了详细解析。动态规划算法的有效性依赖于问题本身所具有的最优子结构性质和子问题重叠性质。通过将子问题的解保存在一个表中，在以后尽可能多地利用这些子问题的解，从而提高算法的效率。 ... [详细]
  • php

    Java验证码——kaptcha的使用配置及样式

    Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置，包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • char

    高质量SQL书写的30条建议

    高质量SQL书写的30条建议
    本文提供了30条关于优化SQL的建议，包括避免使用select *，使用具体字段，以及使用limit 1等。这些建议是基于实际开发经验总结出来的，旨在帮助读者优化SQL查询。 ... [详细]
author-avatar
mobiledu2502928043
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有