ImpressPages/Ajax使用

本条目主要介绍怎样在ImpressPages CMS中使用jQueryAjax。条目中例子主要用来说明怎样创建一个

标签，然后通过Ajax技术来实现鼠标点击时自动更改显示内容。

首先，我们需要下载源码并且安装插件，插件里的readme.txt里介绍了插件安装方法。点击下载：ip_plugin_examples_ajax_1_00.zip;

然后，根据下面具体步骤来实现上面说的功能。

• 第一步，添加jQuery库

如果你使用jQuery的话，那么Ajax函数使用起来将变得简单。添加下面代码至模板文件的头部，用来包含jQuery库：

<script type="text/javascript" src="<?php echo BASE_URL.LIBRARY_DIR; ?>js/jquery/jquery.js"></script> 
<script type="text/javascript">     
jQuery.noConflict(); 
</script> 

我们使用jQuery的noConflict模式来避免其与ImpressPages CMS中默认的标准函数库产生冲突，用户可以阅读jQuery替代标准函数库来了解怎样将标准函数库替换成jQuery库。

对于ImpressPages CMS 1.0.9版本以及之后版本，主要的JavaScript库都是jQuery。

• 第二步，创建插件sceleton

现在我们需要创建一个新的插件来处理AJAX请求。可以根据插件开发中的步骤，来创建一个“ajax”插件；

• 第三步，添加交互中使用的HTML块

Click here to replace this text using AJAX

• 第四步，JavaScript

添加JavaScript文件:my_script.js来处理鼠标点击动作并且执行AJAX请求。该文件在上面下载的插件中都包含。

• 第五步，在PHP中处理请求

JavaScript函数传递两个参数：

module_group = examples

module_name = ajax

这两个参数主要用来提醒系统来执行examples/ajax/actions.php (上面下载的插件）中的方法 makeActions。

参考来源

• http://www.impresspages.org/docs/working-with-plugins/ajax-in-impresspages/

ImpressPages使用手册导航
入门使用: 文件结构 | 安装 | 升级 | 站点迁移 | 主题 | URL结构 | 配置文件 | 区域和页面 | Cron设置 | 常用任务 定制开发: 本地化 | 区域定制 | 用户管理 | 插件开发 | Ajax使用 | jQuery替代标准函数库