Wordpress中运用AJAX:修订间差异

来自站长百科
跳转至: 导航、​ 搜索
无编辑摘要
 
第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是什么==
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如何运行==
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(异步JavaScriptXML)是一种允许网页在没有完全重新加载的情况下执行动作的开发技术。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把访问者的评分存放在数据库中,然后显示更新后的平均评分。

延伸阅读[编辑 | 编辑源代码]

常用信息[编辑 | 编辑源代码]

开发人员知识[编辑 | 编辑源代码]

User:Jalenack's "Using Ajax"所提供的相关信息:

相关条目[编辑 | 编辑源代码]