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. powerdesigner逆向自动生成mysql说明文档、PDM

    做EDI的项目的时候,用到相关工具powerdesigner,正好我们的一个项目对数据设计阶段时相关文档没有很好的保存下来,查找了一下powderdesigner相关文档,采用逆向工程,从mysql数 ...

  2. Mysql 5.7.17 解压版(ZIP版)安装步骤详解

    下载 解压版下载地址(需要登录) :http://dev.mysql.com/downloads/mysql/ 下载后解压到你想要安装的目录就可以了 配置环境变量 为了方便使用,不必每次都进入bin目 ...

  3. Android DiskLruCache全然解析，硬盘缓存的最佳方案

    转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/28863651 概述 记得在非常早之前.我有写过一篇文章Android高效载入大图. ...

  4. matlab 文件路径问题

    1. fullfile:路径补全 f = fullfile(filepart1,...,filepartN) 显然可变参数之间填充的路径分隔符(path separator),会根据操作系统而变化: ...

  5. UML学习之用例图

    在UML的整个学习过程中,9种图(用例图.活动图.状态图.顺序图.类图.对象图.协作图.组件图.部署图)的学习以及常用开发.建模工具的使用是最为重要的一个阶段,它是进行UML建模的基础.在本篇文章中首 ...

  6. 利用jquery.fullPage.js 和 scrolloverflow.min.js 实现滚屏效果

    参考链接:https://blog.csdn.net/c11073138/article/details/79631036 /* 按着思路去search. */

  7. git在本地分支上 git pull远程分支时，状况

    git 在pull或者合并分支的时候有时会遇到这个界面.可以不管(直接下面3,4步),如果要输入解释的话就需要: 1.按键盘字母 i 进入insert模式 2.修改最上面那行黄色合并信息,可以不修改 ...

  8. MSDN上的异步socket 服务端例子

    MSDN上的异步socket 服务端例子 2006-11-22 17:12:01|  分类: 代码学习 |  标签: |字号大中小 订阅     Imports SystemImports Syste ...

  9. 【CS Round #43 C】Rectangle Partition

    [链接]点击打开链接 [题意] 有一辆火车,它的长度为L,然后假设这辆车现在随机可能地出现在0..D之间,然后假设它已经耗光了油. 问你它需要走的期望距离是多少. 这里要走的距离指的是车里最近的加油站 ...

  10. [RxJS] Avoid mulit post requests by using shareReplay()

    With the shareReplay operator in place, we would no longer fall into the situation where we have acc ...