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

  • Javascript:新消息闪烁标题提示代码分享
    本文纯粹是贴出一些比较实用的代码出来供大家学习和使用,也算是个人博客对这些实用代码的记录和收集吧!有用到的可以参考,没用到的直接可以飘过! 特意将这些代码写成jQuery插件的格式,这样方便大家使用的时候调用。我在平时的开发和自我学习过程中也积累了不少有用的代码,不知道怎么概括性地发布出来,所以就已文章的形式陆续贴出来与大家分享。 以单篇文章发布的插件代码都是一些简单的代码,若是一些复...
  • Essential Features of a Recording Studio Space for Rent
    When you require an occasion space, a workshop could be optimal. These areas can be made use of for conferences, wedding celebrations, therefore a lot more. You can utilize them at any time that you d...
  • Select Kawaii Style Clothing and also Make Your Own Statement
    The net makes it simple for anyone who likes anime to visit a high-grade anime store at www.cosplayo.com. Through these shops, you can expect the softest, most comfortable styles available. All of whi...
  • We Offer Professional Industrial Cleaning in Singapore
    Industrial cleaning is not an easy job to take on. It is a job that suggests you enter into, under, and around places that hold a lot of dirt and crud, whatever it takes to get into it. There is good ...
  • Choose Your Favourite My Hero Academia Uniform
    You don't need to choose the same exhausted apparel designs that your friends put on. Instead, you should see an anime shop where they offer premium quality, comfortable garments that will make you re...

Next post: