Ajax:近期博客改版的增强Ajax加载说明
近段时间来访问我博客的博友们不知是否注意到,博客的一些地方添加了一些增强型Ajax加载效果,用以提高访客的交互和快速浏览不同分类、标签下最新的文章列表。而在今天又新增了增强型Ajax提交评论和回复,只要你留言你就会看到具体效果。
下面我对几处增强Ajax效果进行一下具体说明,大家以后访问我博客时也可以适当地使用。之所以说是增强型Ajax效果,是因为我并没有改变原先的代码,而是在原始代码基础上添加了jQuery控制,这样即使jQuery代码没有加载完成时,你也可以访问到相应的页面。
1.Ajax加载历史文章列表:
在博客的右边有一个最新文章板块,大家可以看到在标题的右边有上页、下页的链接,点击相应的链接便可Ajax加载上下页的文章列表,每次加载10条。图:
2.分类Ajax加载相关最新10条文章记录:
点击博客左边的每个摘要型Post的分类链接、博客右边的分类目录版块链接或者每篇完整型文章的分类链接。会出现一个loading的shadow层,加载完成后罗列出该分类下的最新文章。图:
3.标签Ajax加载相关最新10条文章记录:
点击博客左边的每个摘要型Post的标签链接、博客右边的热门标签版块链接或者每篇完整型文章的标签链接。同样会出现一个loading的shadow层,加载完成后罗列出该标签下的最新文章。图:
4.Ajax提交评论和回复别人的留言:
在此之前,没此提交评论后,当前页面都要重新加载一次,很是耗时。添加Ajax评论后,速度会更快,也大量减少了请求。我的博客一直只提供2层回复。不喜欢多层次回复,看着很难受!具体Ajax评论效果大家只需留言即可看到。
花了精力添加这些Ajax效果,无非是为了让各位博友和来访者可以更加方便地阅读我的博客,同时也希望大家可以多多给我意见。每次添加新的功能我都会在左边的蓝条里写出来,大家可以一目了然地看到我最新的修改信息。
希望我的努力可以让你多多回访,多多支持!!
- 上一篇: GoDaddy:购入新域名ihiro.me
- 下一篇: 资讯:2010年04月编程语言排行榜
不错,我喜欢最近文章那个
Ajax就是神奇
呵呵,试一试~
我都是用插件的~
我也试图用插件的,但发现插件不和我的想法,会影响我现在的感觉!
Good…测试…最近在看《锋利的JQuery》…一上网就逛过来了…
我去年的时候看了《jQuery基础》和《精通Javascript》两本书,现在在研究jQuery源代码和插件!还有在学习Flex ing…
兄弟技术真是越来越强大了哈。
多多支持就是对我最大的鼓舞!!
我考虑我的博客评论是不是也要用Ajax插件呢!
我是我感觉我页面的加载量比较大,也不想缩减。若每次都刷新页面提交评论的话,比较费时。所以才写了JS来Ajax提交评论的!!
发现没要验证1+1了,多踩一脚^!^
功能很强大,Ajax我一点都不懂
无刷新效果是非常不错的
偶是程序门外汉~
好文章。哈哈
交换下友情链接:
好文章 。。哈哈
你的博客好有特色啊
交换下友情链接:
http://hi.baidu.com/mmango
Sorry,本博只和独立博客交换链接!
改好了吗?测试下。
PS:拍了一些老佛爷后花园的照片,过来我的Blog来给评评?
发布完了评论。。。很奇怪哦。。给我出了一个css的样式表。。。。
估计有时候截取留言错误,这种AJAX提交是增强型的,有时候会冒点小bug的。没有专门写一个Ajax的接口!!
PS:拍了一些老佛爷后花园的照片,过来我的Blog来给评评?
我又来了,嘿嘿…
嗯?奇怪…顶部图片随鼠标动的效果在jquery-1.4.2.min.js下好像无效…
对的,该效果插件貌似只支持1.32以及1.26!
呃…刚才留言时候发现一怪事,淡定上报:
1.留言完毕,按Ctrl+Enter没有反应。
2.手动提交留言,等了好久,等来一个chrome的警告框,内容是本页的源代码。
3.F5刷新,发现“昵称”、“邮箱”、“网址”均被清空,再刷新发现评论已成功…- -!
汗…第二条留言也是一样的情况么…果断换火狐测试看看…
囧…火狐下正常…测试完毕…
感谢你的耐心测试,AJAX提交是增强型的,有时候会冒点小bug的!
我会尽量修复的!!
很久都没有更新了哦!
有一周多了吧,呵呵,本周争取更新!!
最近文章很不错
要好好研究下
不错 有学会了些东西…
来看看你哦!
是啊
哈哈,最近文章那个很好很强大
haha,good
不错,确实很强大,我也在计划为我的博客添加Ajax的功能,只是技术不够啊
可以到网上搜啊,我作为专业前端开发的,所以js都自己写的!!
有没有实现的方法?