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. 洛谷P3954 成绩【民间数据】

    题目背景 数据已修复 题目描述 牛牛最近学习了C++入门课程,这门课程的总成绩计算方法是: 总成绩=作业成绩×20%+小测成绩×30%+期末考试成绩×50% 牛牛想知道,这门课程自己最终能得到多少分. ...

  2. httpurlconnection发送文件到服务端并接收

    httpurlconnection发送文件到服务端并接收 客户端 import java.io.DataInputStream; import java.io.File; import java.io ...

  3. Python Unittest模块测试执行

    记录一下Unittest的测试执行相关的点 一.测试用例执行的几种方式 1.通过unittest.main()来执行测试用例的方式: if __name__ == "__main__&quo ...

  4. Boost解析xml——xml写入

    <?xml version="1.0" encoding="utf-8"?> <Config> <Item name=" ...

  5. C 字符/字符串经常使用函数

    string.h中经常使用函数 char * strchr(char * str ,char ch); 从字符串str中查找首次出现字符ch的位置,若存在返回查找后的地址.若不存在则返回NULL vo ...

  6. OpenAL音频播放

    // // OpenALPlayer.m // live // // Created by lujunjie on 2016/11/5. // Copyright © 2016年 lujunjie. ...

  7. DriverModule_01

    最小驱动模块: 最简单的Makefile 无配置文件 最小驱动的四部分 头文件 声明模块信息 模块驱动的入口.出口 功能区 关于这个头文件的分析: linux头文件的位置,例如#include< ...

  8. iOS_04_数据类型、常量、变量

    一.数据 1.什么是数据 * 生活中时时刻刻都在跟数据打交道,比如体重数据.血压数据.股价数据等.在我们使用计算机的过程中,会接触到各种各样的数据,有文档数据,图片数据,视频数据,还有聊天QQ产生的文 ...

  9. 画pcb时丝印不能再焊盘上

    上图中U3就在焊盘上,这样印出来U3显示不全

  10. var let 区别

    var a = 5; var b = 10; if (a === 5) { let a = 4; // if 块级作用域 var b = 1; // 函数级作用域 console.log(a); // ...