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

  • jQuery:揭露jQuery的隐藏功能
    jQuery并不像他表面显示的那样,只有那些额定的方法供我们使用。其他在他库的代码内有着很多很酷很便捷的潜在方法,等待被我们发现。在本文中,我将带领你去领略一些我在jQuery库中发现的那些不怎么常见的方法。 1.理解jQuery方法: 当你调用jQuery方法时会发生什么呢?看看jQuery的方法体,非常地简单。 1 2 3 4 jQuery = fun...
  • Purchase Quality Furniture in Singapore
    If you ask about, one of the primary factors individuals love on-line purchasing is the potential to locate sale things that they can not find locally. Typically, they save a great deal of cash by sea...
  • 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...
  • Expand The Water Pump’s Life Expectancy with PUB Approved Gaskets
    When it comes to your water supply, you can not take way too many opportunities. You would like to know that the water entering into your house is risk-free for drinking which all components of you wa...

Next post: