Loading...

wordpress和ajax

类归于: HTML客户端, Wordpress, 网站技术 — 江东 @ 2008-04-15 10:10:53 才(9)条评论

松岛枫很多朋友都认为ajax能提高网页的速度,但是我更喜欢用ajax来提高用户体验平衡动态页面与静态页面之间的关系。我曾经乱谈过ajax,原因在于有几个朋友认准了一个死理:那就是ajax对改善速度的作用是大大的!而今天的这篇文章中,我想重点谈一谈如何在wordpress系统中使用ajax,也就是如何通过修改模板或者插件在wordpress中灵活的运用ajax。

对了,如果你还不太清楚ajax的基本原理,请自行google之,本站就不再为互联网贡献垃圾了。在实际的操作中,我们运用ajax的方式大部分情况下为异步请求(当然你也可以设置成同步模式),异步请求的好处在于浏览器在载入html的同时,后台也会用js请求数据,所以载入数据的时候感觉不到任何卡页的现象。由于数据的请求是由JS控制,因此你可以将ajax代码嵌入到静态化的wordpress页面中,从而将部分的内容通过ajax做实时的请求,而本文的目的便在于此。 (read on …)

打算用jQuery改写这个模板

类归于: HTML客户端, Wordpress, 网站技术 — 江东 @ 2008-01-30 16:43:30 才(22)条评论

最近做收费的程序已经做得比较累了,但是由于本人又不喜欢玩游戏,所以打算抽点时间来改版这个blog吧。不过这次不全面改版,没有那个精力了。接受dupola建议,初步决定装上zhiqiang的ajaxcomment插件,这样就能在留言本无限的回复了,由于这个插件调用了大约7k的js,打算再精简一下,于是乎准备同时也将这个插件改写了!

考虑到 jQuery的优良特性和瘦弱的体积(gzip之后只有10k左右),所以本站将采用jQuery来驱动,一方面为今后添加新的功能打下基础,另外一个方面也当作实验用,因为下一步的shopex要采用到这个脚本,bloggermap.org也将用jQuery来驱动。既然如此,同时将ajaxcomment中的js改用jQuery好了。

活着就是为了折腾,改版周期为一周!

利用周末对本站ajax评论进行了修改

类归于: Wordpress, 网站技术 — 江东 @ 2007-11-25 12:59:41 才(10)条评论

今天决定呆在家中对自己的这个blog程序做些少许的修改,其实从开始玩wordpress玩到现在,基本上开始对wordpress疲倦了 ,所以现在的修改都是一些小的修修补补,算是逐渐完善罢了!

刚才写了一篇用javascript缓存ajax数据,于是写完之后便开始对本站的评论系统动刀了,这次改变有三点,首先是将评论的显示由倒序变成了顺序。做这个改变其实很难 ,因为不同的顺序有不同的好处,顺序显示留言看起来比较有条理,倒序显示能很方便地看到最新的留言,因为最新的总是显示在最前面,所以有个朋友说“总不至于翻页才能看到最新的留言吧”,真是让我为难,在gtalk上向朋友征求意见,得到的比例是1:1,所以目前先干脆改成顺序了,为了照顾翻页的问题,我将post对评论显示最大条数改成了30,这样就会很少出现翻页了。

第二个改变是增加了自动判断翻页是否显示功能,如果评论条数少于一页显示的最大数量,则不出现翻页按钮。

另外一个改变是增加ajax缓存功能,从今以后,如果该页的数据曾经载入,一旦访客再次回翻该页面,浏览器将不需要从服务器载入,而是直接从内存中将数据显示出来。(补充)由于缓存的存在,结果导致用户留言的时候客户端都无法刷新,搞了很久才解决这个问题,解决方法是如果用户留言,则删除内存中当前页面的缓存即可。

如果您是经常访问本站的朋友,请用ctrl+f5刷新一下你的浏览器,防止浏览器缓存原来的css和js从而导致页面浏览不正常,因为我对css和js都做了修改。另外,如果您有时间,能否告诉我是顺序显示留言(当前便是)还是逆序显示留言(改动之前的显示)比较好,谢谢了?

如何在wordpress插件中实现ajax

类归于: Wordpress, 网站技术 — 江东 @ 2007-11-11 17:41:04 才(3)条评论

wordpress的优秀之处在于可以随便插,方便插,随处插.所以定制性是相当强悍的,可以做成CMS,甚至论坛.虽然有人会说这样很BT,但是如果你熟悉php,能站在WP的肩膀上,做出效率很高的其他程序又有何不可呢?一不小心又说了这么多的废话,毕竟我对WP的敬仰犹如滔滔江水.下面切入正题,介绍一下如何用插件配合javascript脚本在wordpress中实现ajax.

Ajax其实没有传说中的那么复杂的,只要你稍微熟悉一点javascript就能自己写ajax程序了.在这里我想稍微纠正一些观点,那就是大家常说的那些滑动门技术,那些很炫的div特效其实和ajax技术无关的,仅仅是通过js捕获鼠标事件再加上CSS美化完成的,而Ajax=>AsynchronousJavaScript+XML,说白了就是异步载入XML数据的一种javascript实现罢了. 通过ajax,我们可以在指定的DIV内根据需要在需要的时候载入数据从而实现无刷新更新内容.由于ajax获取的仅仅是需要的数据,所以变相的节约了网络中传输的数据量,提高了页面的载入速度,这也就是ajax能提速的原因,记住,这是ajax能提速的唯一的地方.所以千万别太迷信ajax的提速效果.关于ajax的实现,网络上可以google一大堆代码出来,所以我这里就不重复了.我推荐大家用jquery这个js框架,而不是自己去写复杂的ajax,具体的jquery和ajax请参考我的这篇文章. (read on …)