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