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. weblogic虚拟路径配置

    首发地址 https://blog.leapmie.com/archives/344/ 前言 weblogic的虚拟路径配置有两种: 一种是在项目下配置,即在weblogic.xml中配置,该方法配置 ...

  2. Vue 消息无缝滚动

    vue实现消息向上无缝滚动效果 <ul class="new-list" :class="{anim:animate}" @mouseenter=&quo ...

  3. Vue 学习记录<1>

    1.环境搭建:(前提node.js搭建) # 全局安装 vue-cli $ npm install --global vue-cli   # 创建一个基于 webpack 模板的新项目 $ vue i ...

  4. elasticsearch cluster 详解

    上一篇通过clusterservice对cluster做了一个简单的概述, 应该能够给大家一个初步认识.本篇将对cluster的代码组成进行详细分析,力求能够对cluster做一个更清晰的描述.clu ...

  5. 怎么做好看的html5游戏界面

    怎么做好看的html5游戏界面 一.总结 一句话总结:html5应该是完全可以做特别好看的游戏界面的.最下面那个背景图完全是一张图片动的雪和小动物可以是gif,或者是canvas,右边的那各个选择框就 ...

  6. 深度学习利器： TensorFlow系统架构及高性能程序设计

    2015年11月9日谷歌开源了人工智能平台TensorFlow,同时成为2015年最受关注的开源项目之一.经历了从v0.1到v0.12的12个版本迭代后,谷歌于2017年2月15日发布了TensorF ...

  7. 语言模型（Language Modeling）与统计语言模型

    1. n-grams 统计语言模型研究的是一个单词序列出现的概率分布(probability distribution).例如对于英语,全体英文单词构成整个状态空间(state space). 边缘概 ...

  8. 基于深度学习的人脸识别系统（Caffe+OpenCV+Dlib）【一】如何配置caffe属性表

    前言 基于深度学习的人脸识别系统,一共用到了5个开源库:OpenCV(计算机视觉库).Caffe(深度学习库).Dlib(机器学习库).libfacedetection(人脸检测库).cudnn(gp ...

  9. Javascript和jquery事件--鼠标事件的小结

    1.鼠标事件的主要事件应该是mouseup, mousedown, mousewheel, mousemove, mouseover, moveout. <1>其中mouseup和mous ...

  10. JS学习笔记 - fgm练习 2-5 - 函数传参 设置div样式

    练习地址:http://www.fgm.cc/learn/lesson2/05.html <script> window.onload = function(){ var oDiv = d ...