Wordpress中运用AJAX:修订间差异
Ahbaybface(讨论 | 贡献) 无编辑摘要 |
|||
第1行: | 第1行: | ||
<span style="border:1px solid #000; text-align:center; float:right; padding:6px;"><strong>导航:</strong> [[WordPress进阶课题|上一页]] | {{Template:WordPress导航}}</span> | <span style="border:1px solid #000; text-align:center; float:right; padding:6px;"><strong>导航:</strong> [[WordPress进阶课题|上一页]] | {{Template:WordPress导航}}</span> | ||
<div style="clear:both;"></div> | <div style="clear:both;"></div> | ||
== | ==Ajax是什么== | ||
Ajax(异步[[JavaScript]]与[[XML]])是一种允许网页在没有完全重新加载的情况下执行动作的开发技术。Ajax的目标是,使用Ajax技术的网站会比不使用Ajax的[[网站]]具有更高的响应能力和交互性。例如,如果没有Ajax,为了将地图移动到屏幕左边,[[Google]] Maps可能会要求用户点击地图左边的链接并等待页面重载。如果有Ajax,用户只要拖拽地图并等上一会,等待页面重载的时间自然比没有Ajax时短得多,破坏性也小得多。 | Ajax(异步[[JavaScript]]与[[XML]])是一种允许网页在没有完全重新加载的情况下执行动作的开发技术。Ajax的目标是,使用Ajax技术的网站会比不使用Ajax的[[网站]]具有更高的响应能力和交互性。例如,如果没有Ajax,为了将地图移动到屏幕左边,[[Google]] Maps可能会要求用户点击地图左边的链接并等待页面重载。如果有Ajax,用户只要拖拽地图并等上一会,等待页面重载的时间自然比没有Ajax时短得多,破坏性也小得多。 | ||
如果已经对Ajax有所了解并希望在自己开发的插件中用到Ajax,请跳转到[http://www.wordpress.la/codex-%E5%9C%A8%E6%8F%92%E4%BB%B6%E4%B8%AD%E4%BD%BF%E7%94%A8AJAX.html 在插件中使用AJAX]。 | 如果已经对Ajax有所了解并希望在自己开发的插件中用到Ajax,请跳转到[http://www.wordpress.la/codex-%E5%9C%A8%E6%8F%92%E4%BB%B6%E4%B8%AD%E4%BD%BF%E7%94%A8AJAX.html 在插件中使用AJAX]。 | ||
== | ==Ajax如何运行== | ||
Ajax技术非常易于描述。从基本上来说就是,网络开发人员将网页上的链接、按钮或者其它类型的用户界面元素连接到Javascript程序中。用户激活界面(点击链接,拖拽鼠标等)后,Javascript程序会将一些信息或数据请求发送到web服务器的某个[[URL]]上。然后web[[服务器]]上的一个程序(可能也是由网络开发人员创建)处理所发送的请求,并返回相应的响应或数据。一般来说所返回的数据是[[XML]]格式,但这不是硬性规定。返回的数据或响应到达[[浏览器]]时,Javascript程序会接收到“异步”通知,然后做出相应处理。 | Ajax技术非常易于描述。从基本上来说就是,网络开发人员将网页上的链接、按钮或者其它类型的用户界面元素连接到Javascript程序中。用户激活界面(点击链接,拖拽鼠标等)后,Javascript程序会将一些信息或数据请求发送到web服务器的某个[[URL]]上。然后web[[服务器]]上的一个程序(可能也是由网络开发人员创建)处理所发送的请求,并返回相应的响应或数据。一般来说所返回的数据是[[XML]]格式,但这不是硬性规定。返回的数据或响应到达[[浏览器]]时,Javascript程序会接收到“异步”通知,然后做出相应处理。 | ||
第15行: | 第15行: | ||
==延伸阅读== | ==延伸阅读== | ||
===常用信息 | |||
===常用信息=== | |||
*[http://en.wikipedia.org/wiki/AJAX Wikipedia Ajax article] | *[http://en.wikipedia.org/wiki/AJAX Wikipedia Ajax article] | ||
*[http://www.adaptivepath.com/publications/essays/archives/000385.php Adaptive Path's Ajax essay] </LI> | *[http://www.adaptivepath.com/publications/essays/archives/000385.php Adaptive Path's Ajax essay] </LI> | ||
===开发人员知识 | ===开发人员知识=== | ||
*[http://codex.wordpress.org/AJAX_in_Plugins Codex - Ajax in Plugins] ——如何在插件中加入Ajax的WordPress相关信息 | *[http://codex.wordpress.org/AJAX_in_Plugins Codex - Ajax in Plugins] ——如何在插件中加入Ajax的WordPress相关信息 | ||
*[http://www.webpasties.com/xmlHttpRequest/ Webpastie's Ajax tutorial] | *[http://www.webpasties.com/xmlHttpRequest/ Webpastie's Ajax tutorial] |
2010年4月17日 (六) 11:02的最新版本
导航: 上一页 | 首页 | WordPress中文论坛 | WordPress主机 | CMS程序 | 论坛程序 | ECShop | ShopNC | PowerEasy
Ajax是什么[编辑 | 编辑源代码]
Ajax(异步JavaScript与XML)是一种允许网页在没有完全重新加载的情况下执行动作的开发技术。Ajax的目标是,使用Ajax技术的网站会比不使用Ajax的网站具有更高的响应能力和交互性。例如,如果没有Ajax,为了将地图移动到屏幕左边,Google Maps可能会要求用户点击地图左边的链接并等待页面重载。如果有Ajax,用户只要拖拽地图并等上一会,等待页面重载的时间自然比没有Ajax时短得多,破坏性也小得多。
如果已经对Ajax有所了解并希望在自己开发的插件中用到Ajax,请跳转到在插件中使用AJAX。
Ajax如何运行[编辑 | 编辑源代码]
Ajax技术非常易于描述。从基本上来说就是,网络开发人员将网页上的链接、按钮或者其它类型的用户界面元素连接到Javascript程序中。用户激活界面(点击链接,拖拽鼠标等)后,Javascript程序会将一些信息或数据请求发送到web服务器的某个URL上。然后web服务器上的一个程序(可能也是由网络开发人员创建)处理所发送的请求,并返回相应的响应或数据。一般来说所返回的数据是XML格式,但这不是硬性规定。返回的数据或响应到达浏览器时,Javascript程序会接收到“异步”通知,然后做出相应处理。
如今大多数浏览器都能以不同方式支持Ajax使用(只要用户开启Javascript)。但不同浏览器实现Javascript时也有差别。不过这些都不是难题。Ajax最大的限制是,接收到用户信息的URL和发送Javascript的URL必须来自同一个网站。否则Ajax只能用来解决编程问题。
WordPress中的Ajax[编辑 | 编辑源代码]
由于Ajax的高度响应能力,现在各种不同网站都采纳了这一技术——WordPress也不例外。目前WordPress只在管理界面上使用Ajax。例如,如果用户进行评论审核时,或者从类别、链接以及文章列表中增减条目时,系统就会通过Ajax进行即时更新;编辑文章或页面时的自动保存功能同样是Ajax的功劳。一些主题和插件也使用Ajax技术;例如文章评分插件会用Ajax把访问者的评分存放在数据库中,然后显示更新后的平均评分。
延伸阅读[编辑 | 编辑源代码]
常用信息[编辑 | 编辑源代码]
开发人员知识[编辑 | 编辑源代码]
- Codex - Ajax in Plugins ——如何在插件中加入Ajax的WordPress相关信息
- Webpastie's Ajax tutorial
- Alex Bosworth's Ten Common Ajax mistakes
- fiftyfoureleven's Ajax Examples List
User:Jalenack's "Using Ajax"所提供的相关信息:
- Adaptive Path's Ajax essay
- Common Ajax mistakes
- tutorial
- Wikipedia
- Working Examples of Ajax
- Simplified Ajax - SAJAX
- Rico Ajax library