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. newcoder NOIP提高组模拟赛C题——保护

    我是发了疯才来写这道题的 我如果用写这道题的时间去写dp,我估计我能写上三四道 可怕的数据结构题 题目 这道题的鬼畜之处在于实在是不太好写 我们看到要求离树根尽量的近,所以我们很容易就能想到树上倍增, ...

  2. caffe 学习(2)——基本原理

    参考 http://caffe.berkeleyvision.org/tutorial/ 表达:models和optimizations使用纯文本文档形式定义,不是用代码定义: 速度:适用于工业和科研 ...

  3. C/C++ Windows API——获取计算机信息 转

    转自:http://blog.csdn.net/chy555chy/article 函数 头文件 作用 GetVersionEx <windows.h> 获取系统版本信息(deprecat ...

  4. 锐捷交换机RG-3760-24 的简单配置与VLAN搭建

    要做的事 将交换机和主机连通. 建立vlan,并将主机配置到vlan当中. 连接主机和交换机 安装配置软件 选用SecureCRT 8.0来配置交换机,可在网上下载. 插入配置线 把配置线插入cons ...

  5. 设置UI控件的Layer属性(边框可见，边框颜色，边框宽度，边框圆角)

    设置UI控件的Layer属性 #import "ViewController.h" @interface ViewController () @property (strong, ...

  6. 产线事故：删除创建mysql索引

    单表数据量:670W: 删除一个老的索引,新建一个新的索引. 事故原因: 先删除索引,应用访问量大,没有索引自然慢,数据库CPU飚到100%:新索引创建失败. 直接造成交易打烊. 日志: ------ ...

  7. sharepoint OOS巨大坑

    首先,我们安装的操作系统是windows server 2016 datacenter最新版,然后安装了OOS2016年的那个版本,打好语言包,安装必备软件,所有的步骤都没问题,但是你配置OOS场的时 ...

  8. Selenium基本用法以及元素定位

    一.Selenium 简介 Selenium是ThroughtWorks公司一个强大的开源Web功能测试工具系列,提供一套测试函数,用于支持Web自动化测试.函数非常灵活,能够完成界面元素定位.窗口跳 ...

  9. hashcode和equals区别

    hashcode:对象的初始地址的整数表示 Java中的对象是JVM在管理,JVM会在她认为合适的时候对对象进行移动,比如,在某些需要整理内存碎片的GC算法下发生的GC.此时,对象的地址会变动,但ha ...

  10. 让 shell(bash) 命令行显示当前 git 的分支名称

    早上测试脚本的时候,偶然在这篇文章<Git – setting up a remote repository and doing an initial push>看到一个关于 git 的好 ...