首页    技术博客    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> 

推荐阅读
  • callback

    分页插件3指定到某一页

    前言--页数多了以后需要指定到某一页（只做了功能，样式没有细调）html ... [详细]
  • split

    解析JSON格式文本并处理数据

    本文介绍如何使用阿里云的fastjson库解析包含时间戳、IP地址和参数等信息的JSON格式文本，并进行数据处理和保存。 ... [详细]
  • jsp

    Git 分布式版本控制系统：远程仓库的深入探讨

    本文详细介绍了Git分布式版本控制系统中远程仓库的概念和操作方法。通过具体案例，帮助读者更好地理解和掌握如何高效管理代码库。 ... [详细]
  • jsp

    使用npm脚本同时启动多个监听服务的技巧

    本文介绍了如何利用npm脚本和concurrently工具，实现本地开发环境中多个监听服务的同时启动，包括HTTP服务、自动刷新、Sass和ES6支持。 ... [详细]
  • jsp

    基于jQuery的用户注册页面表单验证代码分享

    本文介绍了一段使用jQuery实现的用户注册页面表单验证代码，适用于前端开发人员学习和参考。该示例结合了HTML、CSS和JavaScript，确保用户输入的数据格式正确。 ... [详细]
  • jsp

    QUIC协议：快速UDP互联网连接

    QUIC协议：快速UDP互联网连接
    QUIC（Quick UDP Internet Connections）是谷歌开发的一种旨在提高网络性能和安全性的传输层协议。它基于UDP，并结合了TLS级别的安全性，提供了更高效、更可靠的互联网通信方式。 ... [详细]
  • jsp

    深入理解OAuth认证机制

    深入理解OAuth认证机制
    本文介绍了OAuth认证协议的核心概念及其工作原理。OAuth是一种开放标准，旨在为第三方应用提供安全的用户资源访问授权，同时确保用户的账户信息（如用户名和密码）不会暴露给第三方。 ... [详细]
  • jsp

    2023 ARM嵌入式系统全国技术巡讲

    2023 ARM嵌入式系统全国技术巡讲旨在分享ARM公司在半导体知识产权(IP)领域的最新进展。作为全球领先的IP提供商，ARM在嵌入式处理器市场占据主导地位，其产品广泛应用于90%以上的嵌入式设备中。此次巡讲将邀请来自ARM、飞思卡尔以及华清远见教育集团的行业专家，共同探讨当前嵌入式系统的前沿技术和应用。 ... [详细]
  • jsp

    国内BI工具迎战国际巨头Tableau，稳步崛起

    国内BI工具迎战国际巨头Tableau，稳步崛起
    尽管商业智能（BI）工具在中国的普及程度尚不及国际市场，但近年来，随着本土企业的持续创新和市场推广，国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争，国内BI工具通过不断优化产品和技术，赢得了越来越多用户的认可。 ... [详细]
  • jsp

    深入理解 Oracle 存储函数：计算员工年收入

    深入理解 Oracle 存储函数：计算员工年收入
    本文介绍如何使用 Oracle 存储函数查询特定员工的年收入。我们将详细解释存储函数的创建过程，并提供完整的代码示例。 ... [详细]
  • jsp

    2018回顾与2019展望

    本文总结了2018年的关键成就，包括职业变动、购车、考取驾照等重要事件，并分享了读书、工作、家庭和朋友方面的感悟。同时，展望2019年，制定了健康、软实力提升和技术学习的具体目标。 ... [详细]
  • jsp

    深入解析JMeter中的JSON提取器及其应用

    深入解析JMeter中的JSON提取器及其应用
    本文详细介绍了如何在JMeter中使用JSON提取器来获取和处理API响应中的数据。特别是在需要将一个接口返回的数据作为下一个接口的输入时，JSON提取器是一个非常有用的工具。 ... [详细]
  • post

    企业级项目中 Webpack 配置优化指南

    本文详细介绍了在企业级项目中如何优化 Webpack 配置，特别是在 React 移动端项目中的最佳实践。涵盖资源压缩、代码分割、构建范围缩小、缓存机制以及性能优化等多个方面。 ... [详细]
  • post

    Ionic框架在HTML5中的应用与实践

    本文详细介绍了Ionic框架的使用方法及其与Angular的集成。Ionic框架是一个强大的前端开发工具，适用于构建跨平台的移动应用程序。文章将探讨如何引入必要的CSS和JavaScript文件，并解释bundle.js中包含的核心功能，如路由等。 ... [详细]
  • post

    优化Ajax请求性能

    探讨了如何解决Ajax请求响应时间过长的问题。本文分析了一个从服务器获取少量数据的Ajax请求，尽管服务器已经对JSON响应进行了缓存，但实际响应时间仍然不稳定。 ... [详细]
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社区 版权所有