Ajax:近期博客改版的增强Ajax加载说明

分类:Hack技巧 发表时间:2010年03月25日 字体大小:12号14号

近段时间来访问我博客的博友们不知是否注意到,博客的一些地方添加了一些增强型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效果,无非是为了让各位博友和来访者可以更加方便地阅读我的博客,同时也希望大家可以多多给我意见。每次添加新的功能我都会在左边的蓝条里写出来,大家可以一目了然地看到我最新的修改信息。

希望我的努力可以让你多多回访,多多支持!!

不错不错,已经有 个评论!
  1. 不错,我喜欢最近文章那个

  2. Ajax就是神奇

  3. 呵呵,试一试~

  4. 我都是用插件的~

    • 我也试图用插件的,但发现插件不和我的想法,会影响我现在的感觉!

  5. Good…测试…最近在看《锋利的JQuery》…一上网就逛过来了…

    • 我去年的时候看了《jQuery基础》和《精通Javascript》两本书,现在在研究jQuery源代码和插件!还有在学习Flex ing…

  6. 兄弟技术真是越来越强大了哈。

    • 多多支持就是对我最大的鼓舞!!

  7. 我考虑我的博客评论是不是也要用Ajax插件呢!

    • 我是我感觉我页面的加载量比较大,也不想缩减。若每次都刷新页面提交评论的话,比较费时。所以才写了JS来Ajax提交评论的!!

  8. 发现没要验证1+1了,多踩一脚^!^

  9. 功能很强大,Ajax我一点都不懂

  10. 无刷新效果是非常不错的

  11. 偶是程序门外汉~

  12. 好文章。哈哈
    交换下友情链接:

  13. 好文章 。。哈哈
    你的博客好有特色啊
    交换下友情链接:
    http://hi.baidu.com/mmango

    • Sorry,本博只和独立博客交换链接!

  14. 改好了吗?测试下。
    PS:拍了一些老佛爷后花园的照片,过来我的Blog来给评评?

  15. 发布完了评论。。。很奇怪哦。。给我出了一个css的样式表。。。。

    • 估计有时候截取留言错误,这种AJAX提交是增强型的,有时候会冒点小bug的。没有专门写一个Ajax的接口!!

  16. PS:拍了一些老佛爷后花园的照片,过来我的Blog来给评评?

  17. 我又来了,嘿嘿…

    嗯?奇怪…顶部图片随鼠标动的效果在jquery-1.4.2.min.js下好像无效…

    • 对的,该效果插件貌似只支持1.32以及1.26!

  18. 呃…刚才留言时候发现一怪事,淡定上报:
    1.留言完毕,按Ctrl+Enter没有反应。
    2.手动提交留言,等了好久,等来一个chrome的警告框,内容是本页的源代码。
    3.F5刷新,发现“昵称”、“邮箱”、“网址”均被清空,再刷新发现评论已成功…- -!

  19. 汗…第二条留言也是一样的情况么…果断换火狐测试看看…

    • 囧…火狐下正常…测试完毕…

    • 感谢你的耐心测试,AJAX提交是增强型的,有时候会冒点小bug的!
      我会尽量修复的!!

  20. 很久都没有更新了哦!

    • 有一周多了吧,呵呵,本周争取更新!!

  21. 最近文章很不错

  22. 要好好研究下

  23. 不错 有学会了些东西…

  24. 来看看你哦!

  25. 吴桐

    是啊

  26. 哈哈,最近文章那个很好很强大

  27. allenong

    haha,good

  28. 不错,确实很强大,我也在计划为我的博客添加Ajax的功能,只是技术不够啊

    • 可以到网上搜啊,我作为专业前端开发的,所以js都自己写的!!

  29. 有没有实现的方法?

我要评论

  • * *