编辑“ImpressPages/Ajax使用”

{{ImpressPages top}}

本条目主要介绍怎样在[[ImpressPages]] [[CMS]]中使用[[jQuery]][[Ajax]]。条目中例子主要用来说明怎样创建一个<div>标签，然后通过Ajax技术来实现鼠标点击时自动更改显示内容。

首先，我们需要下载源码并且安装插件，插件里的'''readme.txt'''里介绍了插件安装方法。点击下载：[http://www.impresspages.org/file/ip_plugin_examples_ajax_1_00.zip ip_plugin_examples_ajax_1_00.zip];

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

*'''第一步，添加jQuery库'''
如果你使用[[jQuery]]的话，那么Ajax函数使用起来将变得简单。添加下面代码至模板文件的头部，用来包含jQuery库：
<pre>
<script type="text/javascript" src="<?php echo BASE_URL.LIBRARY_DIR; ?>js/jquery/jquery.js"></script> 
<script type="text/javascript">     
jQuery.noConflict(); 
</script> 
</pre>

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

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

*'''第二步，创建插件sceleton'''
现在我们需要创建一个新的插件来处理AJAX请求。可以根据[[ImpressPages/插件开发|插件开发]]中的步骤，来创建一个“ajax”插件；

*'''第三步，添加交互中使用的HTML块'''
 <div class="exampleBlock">Click here to replace this text using AJAX</div> 

*'''第四步，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}}

[[category:ImpressPages]]