CakePHP中的ajax还是比较简单，但要注意一些细节。

app/View/Layouts下新建ajaxtest.ctp

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>CakePHP AJAX Demo :: <?php echo $title_for_layout?></title>

<?php echo $this->Html->charset(); ?>

<?php echo $this->Html->script('jquery-1.9.1.min');    ?>

</head>

<body>

<div id="container">

    <center><h2>CakePHP AJAX Demo</h2></center>

    <div id="content"><?php echo $content_for_layout?></div>

    <?php

        $options = array(

            'inline'=>true,

            'cache'=>false,

            'safe' =>false

        );

        echo $this->Js->writeBuffer($options);

    ?>

</div>

</body>

</html>

要注意一定要带上 echo $this->Js->writeBuffer($options); 即输出js。

有关writeBuffer()，自己从官方文档翻译的

php:method:: writeBuffer($options = array())

将所有产生的Javascript写入到代码块中或缓存在文件中，并返回一个带链接的脚本

**选项**

- ``inline`` - (默认为真)若为真，直接在页面内输出缓存内容，若``cache``同样为真，将只产生一个带地址的script标签
- ``cache`` - (默认为假)若为真，将缓存内容保存到一个独立的js文件中，并被页面引用(译者:建议缓存内容过多时使用)
- ``clear`` - (默认为真)若为假，将阻止缓存内容被清除
- ``onDomReady`` - (默认为真)若为真，将缓存内容放到domready事件中(译者:即脚本被自动包含在$(document).ready(function ())中)
- ``safe`` - (默认为真)若为真，页面内的缓存内容被<![CDATA[ ... ]]>语句块包裹

独立出来的js缓存文件在``webroot/js``，要保证该目录可写，并且保证浏览器可以生成任何页面的脚本资源缓存

app/Controller/Layouts下新建AjaxtestController.php

<?php

class AjaxtestController extends AppController {

    var $layout  = 'ajaxtest';   //指定视图使用的布局为 ajaxtest

    var $helpers = array('Html','Js'); //需要用到的视图辅助类

    function index(){

    }

    function hello(){

        sleep(1);               //本地测试时，为了更好地看到效果，模拟延迟状态

        $this->layout = 'ajax'; //此方法为 AJAX 动作，所以布局需要使用 hello.ctp

    }

}

app/View/下先新建Ajaxtest目录并新建index.ctp

<div id="loading" style="display:none;padding:4px;color:black;

    background-color:#FAD163;width:100px"><strong>Loading...</strong></div>

<div id="view" style="display:none;background-color:#E8EEF7;

    padding:4px;border:1px solid silver;width:300px"></div>

<?php

    //设置 AJAX 选项

    $options = array(

        'update'   => '#view',

        'beforeSend'  => "$('#view').hide();$('#loading').show();",

        'complete' => "$('#loading').hide();$('#view').show();"

    );

    //使用 AjaxHelper 创建 AJAX 动作链接

    echo $this->Js->link('Click here!', '/ajaxtest/hello', $options);

?>

再新建一个hello.ctp，ajax加载的内容

<center>Hello, AJAX world!</center>

运行http://localhost/Mycakephp/ajaxtest ，效果是有个超链接文字是'Click here!',但点击链接，内容即hello.ctp通过ajax方法加载进来了。

cakephp2.x 一个ajax例子.md的更多相关文章

  1. 一个jquery ajax例子

    上次搞了个jquery的AutoComplete效果,感觉很久没写jquery了,趁热打铁,再找点东西练练手.这不,看了一下jquery手册,顺便写了一个小例子,源码我直接贴上来了.   1.新建一个 ...

  2. Javascript:来一个AJAX封装函数

    前不久换工作了,最近一直在出差,忙得跟狗一样,所以博客都荒废许久了. 最近的工作中涉及到大量的ajax操作,本来该后台做的事也要我来做了.而现在使用的ajax函数是一个后台人员封装的—-但他又是基于 ...

  3. 为大家分享一个 Ajax Loading —— spin.js

    我们在做Ajax 异步请求的时候,一般都会利用一个动态的 Gif 小图片来制作一个Ajax Loading ,以便增加用户体验. 今天在网上发现了一个 Spin.js ,该 js 脚本压缩后5k,可以 ...

  4. 01-常见Dos命令、Java历史、Java跨平台、配置Path环境变量、第一个HelloWorld例子

    常见Dos命令 dir: 列出当前目录下的文件以及文件夹 md: 创建目录 rd: 删除目录 cd: 进入指定目录 del: 删除文件 copy: 复制文件 xcopy: 复制目录 tree: 列出目 ...

  5. SQL Server Reporting Service(SSRS) 第一篇 我的第一个SSRS例子

    很早就知道SQL SERVER自带的报表工具SSRS,但一直没有用过,最近终于需要在工作中一展身手了,于是我特地按照自己的理解做了以下总结: 1. 安装软件结构 SSRS全称SQL Server Re ...

  6. Ajax例子，views返回，html接收数据

    Ajax例子,views返回,html接收数据 views from django.shortcuts import render,HttpResponse,render_to_response im ...

  7. 写一个ajax程序就是如此简单

    写一个ajax程序就是如此简单 ajax介绍: 1:AJAX全称为Asynchronous JavaScript and XML(异步JavaScript和XML),指一种创建交互式网页应用的网页开发 ...

  8. 一个简单例子：贫血模型or领域模型

    转:一个简单例子:贫血模型or领域模型 贫血模型 我们首先用贫血模型来实现.所谓贫血模型就是模型对象之间存在完整的关联(可能存在多余的关联),但是对象除了get和set方外外几乎就没有其它的方法,整个 ...

  9. 为大家分享一个 Ajax Loading —— spin.js（转）

    原文地址:http://www.cnblogs.com/lxblog/p/3425599.html 我们在做Ajax 异步请求的时候,一般都会利用一个动态的 Gif 小图片来制作一个Ajax Load ...

随机推荐

  1. Mysql分表和分区的区别、分库分表介绍与区别(转)

    分表和分区的区别: 一,什么是mysql分表,分区 什么是分表,从表面意思上看呢,就是把一张表分成N多个小表,具体请看:mysql分表的3种方法 什么是分区,分区呢就是把一张表的数据分成N多个区块,这 ...

  2. 高老大 ‘SQL Server 优化器特性导致的内存授予相关BUG’ 学习笔记

    今天高老大出了好文章.在这里 自己本来对这一块比较混乱,正好借这个机会学习一下. 就用高老大的脚本.需要的直接去他那里找吧,这里就省了. 加查询优化标记前后对比 可以看到GrantedMemory是5 ...

  3. HDU 2018 Multi-University Training Contest 3 Problem A. Ascending Rating 【单调队列优化】

    任意门:http://acm.hdu.edu.cn/showproblem.php?pid=6319 Problem A. Ascending Rating Time Limit: 10000/500 ...

  4. JAVA Collections常用方法

    /* 集合框架的工具类 Collections: */ import java.util.*; class Test { public static void main(String [] args) ...

  5. java基本方法

    Java 方法 在前面几个章节中我们经常使用到 System.out.println(),那么它是什么呢? println() 是一个方法. System 是系统类. out 是标准输出对象. 这句话 ...

  6. Advanced Plugin Concepts

    Provide Public Access to Default Plugin Settings An improvement we can, and should, make to the code ...

  7. HTML5视频播放插件 video.js介绍

    video.js是一款很流行的html5视频播放插件.很适合在移动端播放视频(比如微信网页),功能强大,且支持降级到flash,兼容ie8.官网:http://videojs.com/    git& ...

  8. python3带tkinter窗口的ftp服务器,并使用pyinstaller打包成exe

    python带tkinter窗口的ftp服务器,使用python3编写,打包使用pyinstaller,命令 pyinstaller -F .\ftpserver.py 代码也可在我的github上下 ...

  9. 摩尔吧 FPGA培训

    摩尔吧  FPGA培训 2017.7.30 第一天与非网摩尔吧创始人苏公雨给我们介绍了FPGA的发展历史,以及目前FPGA厂家的市场定位. 2017.7.30~2017.8.4 这个星期主要是学习画电 ...

  10. String.Format() 方法

    一 定义 String.Format() 是将指定的 String类型的数据中的每个格式项替换为相应对象的值的文本等效项. string p1 = "Jackie"; string ...