ImpressPages/Ajax使用：修订间差异
来自站长百科
（以内容“本条目主要介绍怎样在ImpressPages CMS中使用jQueryAjax。条目中例子主要用来说明怎样创建一个<div>标签，然后通过Ajax技...”创建新页面） |
无编辑摘要 |
||
| 第1行： | 第1行： | ||
{{ImpressPages top}} | |||
本条目主要介绍怎样在[[ImpressPages]] [[CMS]]中使用[[jQuery]][[Ajax]]。条目中例子主要用来说明怎样创建一个<div>标签，然后通过Ajax技术来实现鼠标点击时自动更改显示内容。 | 本条目主要介绍怎样在[[ImpressPages]] [[CMS]]中使用[[jQuery]][[Ajax]]。条目中例子主要用来说明怎样创建一个<div>标签，然后通过Ajax技术来实现鼠标点击时自动更改显示内容。 | ||
| 第38行： | 第40行： | ||
==参考来源== | ==参考来源== | ||
*http://www.impresspages.org/docs/working-with-plugins/ajax-in-impresspages/ | *http://www.impresspages.org/docs/working-with-plugins/ajax-in-impresspages/ | ||
{{ImpressPages}} | |||
[[category:ImpressPages]] | [[category:ImpressPages]] | ||
2012年2月2日 (四) 09:30的最新版本
|
ImpressPages | 入门使用 | 定制开发 |
本条目主要介绍怎样在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。
参考来源[ ]
ImpressPages使用手册导航 | ||||
|---|---|---|---|---|
|