jQuery+ajax实现局部刷新的两种方法

在项目中，经常会用到ajax，比如实现局部刷新，比如需要前后端交互等，这里呢分享局部刷新的两种方法，主要用的是ajax里面的.load()。

第一种：

当某几个页面都有相同的头部、导航、底部的时候，点击导航链接可以在几个页面中切换，此时想要的效果是点击链接后只切换内容部分，其他不再重新加载。上代码。

jq-load.html：

注：jq-load2.html、jq-load3.html与jq-load.html代码基本一致，只在#container的div里展示的内容不一样。

jq-load.js：

注：此种方法用到了一些html5里面的新标记，在js中创建它们不再赘述。

第二种：

如果网页的左侧有一个列表，点击列表使右侧的内容进行切换，如果右侧的内容过多，不适合做选项卡，这时候用.load()局部刷新最好不过了。上代码。

user.html：