thinkphp中ajax使用实例（thinkphp内置支持ajax）

一、总结

1、thinkphp应该是内置支持ajax的，所以请求类型里面才会有是否是ajax

// 是否为 Ajax 请求 if (Request::instance()->isAjax()) echo "当前为 Ajax 请求";

// 是否为 Pjax 请求 if (Request::instance()->isPjax()) echo "当前为 Pjax 请求";

二、thinkphp中ajax使用实例

 一、jquery实现方法：

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

 <?php

 class MessageAction extends Action{

  function index(){

   $this->display();

  }

  function add(){ //1、控制器add方法

   //ajaxReturn(数据,'提示信息',状态)

   $m=M('message');

   if($m->add($_GET)){

    $this->ajaxReturn($_GET,'添加信息成功',1); //2、以ajax方式返回

   }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(){  //1、表单ajax提交实例

    var $title=$('input[name="title"]').val();

    var $message=$('input[name="message"]').val();

    $mess=$('#mess');

    $.getJSON('__URL__/add',{title:$title,message:$message},function(json){ //2.提交到控制器中的add方法  3、$.getJSON感觉是封装的ajax的open方法

     //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中ajax使用实例（thinkphp内置支持ajax）的更多相关文章

  1. 目录结构-内置（AJAX）帮助文档

    Discuz common.js 内置(AJAX)函数帮助文档 作者:cr180 / 整理日期:1970-01-01 / 个人站点:www.cr180.com / Discuz超级管家 showMen ...

  2. freemarker 中可以直接使用的内置对象

    freemarker 中可以直接使用的内置对象 需要配置一下:springboot中配置 ## Freemarker \u914D\u7F6E ## \u6587\u4EF6\u914D\u7F6E\ ...

  3. Python中字符串String的基本内置函数与过滤字符模块函数的基本用法

    Python中字符串String的基本内置函数与用法 首先我们要明白在python中当字符编码为:UTF-8时,中文在字符串中的占位为3个字节,其余字符为一个字节 下面就直接介绍几种python中字符 ...

  4. 在Eclipse+ADT中开发Android系统的内置应用

    转自:  http://www.iteye.com/topic/1050439 在Eclipse+ADT中开发Android系统的内置应用 Android系统内置有:Browser(浏览器).Mms( ...

  5. 迭代器模式的一种应用场景以及C#对于迭代器的内置支持

    迭代器模式 先放上gof中对于迭代器模式的介绍镇楼 意图 提供一种方法顺序访问一个聚合对象中各个元素, 而又不需暴露该对象的内部表示. 别名 游标(Cursor). 动机 一个聚合对象, 如列表(li ...

  6. Spring MVC内置支持的4种内容协商方式【享学Spring MVC】

    每篇一句 十个光头九个富,最后一个会砍树 前言 不知你在使用Spring Boot时是否对这样一个现象"诧异"过:同一个接口(同一个URL)在接口报错情况下,若你用rest访问,它 ...

  7. php 内置支持的标签和属性

    内置支持的标签和属性列表如下: 标签名 作用 包含属性 include 包含外部模板文件(闭合) file import 导入资源文件(闭合 包括js css load别名) file,href,ty ...

  8. thinkPHP中_initialize方法实例分析

    子类的_initialize方法自动调用父类的_initialize方法. 而php的构造函数construct,如果要调用父类的方法,必须在子类构造函数显示调用parent::__construct ...

  9. 自学PHP的第22天---ThinkPHP中的路由、ThinkPHP目录结构

    这一切的一切都得从“Hello world”说起!!! 有很多东西在thinkPHP的官方开发文档上其实都有讲到,我在这里只是想记录自己每天坚持学习PHP的情况,今天接触ThinkPHP的路由,路由这 ...

随机推荐

  1. ps的入门

    ps的入门 http://www.cnblogs.com/qingci/archive/2012/09/20/2694728.html

  2. ios系统和某些移动端background-attachment:fixed不兼容性

    固定背景不动:background-attachment:fixed; ios系统和某些移动端background-attachment:fixed不兼容性,没有任何效果,但可以hack一下就可以了, ...

  3. Python 极简教程（十二）逻辑控制语句 if else

    计算机软件之所以能够对不同的情况进行不同的处理,就是我们在编码的时候,通过逻辑控制语句,告诉软件在不同的情况下应该做什么处理. 比如我们在登录的时候,那么当你输入正确的账号密码和错误的账号密码,完全是 ...

  4. Mongodb总结6-数据库启动、停止、备份等命令

    #启动Mongodb默认启动,需要在/data/db,Windows下对应的目录是Mongod.exe所在磁盘分区的根目录,例如Mongodb存放在D:/Mongodb,那么对应的路径就是D:/dat ...

  5. 关于CSDN2013博客之星的一些看法

    最近一个周,最火的话题当然要数CSDN2013博客之星拉票了. 实话实说,从12月14日开始,我连续5天拉票. 通过QQ群.QQ好友.CSDN文章.给CSDN粉丝发私信等多种方式拉票,真是累死我了. ...

  6. Java Web学习总结（18）——JSP标签

    一.JSP标签介绍 JSP标签也称之为Jsp Action(JSP动作)元素,它用于在Jsp页面中提供业务逻辑功能,避免在JSP页面中直接编写java代码,造成jsp页面难以维护. 二.JSP常用标签 ...

  7. SpringMVC响应Ajax请求（@Responsebody注解返回页面）

    项目需求描述:page1中的ajax请求Controller,Controller负责将service返回的数据填充到page2中,并将page2整个页面返回到page1中ajax的回调函数. 一句话 ...

  8. 线程TLAB区域的深入剖析

    (1) 堆是JVM中所有线程共享的,因此在其上进行对象内存的分配均需要进行加锁,这也导致了new对象的开销是比较大的 (2) Sun Hotspot JVM为了提升对象内存分配的效率,对于所创建的线程 ...

  9. Python代码优化及技巧笔记（一）

    前言 这里是记录一些本人在开发过程中遇到的一些细节问题.与君共勉. 版权说明 著作权归作者全部.商业转载请联系作者获得授权,非商业转载请注明出处. 作者:Coding-Naga链接:http://bl ...

  10. 使用u盘量产工具修复写保护的u盘

    自己的u盘突然提示写保护,而且也没有写保护开关,怎么都写不进文件,试了很多办法都无法去除写保护,最后找了一个u盘量产工具,搞定: 插上u盘后,会检测到u盘,点“开始"后静静等待它完成,u盘又 ...