html5/css教程

javascript教程

asp教程

php教程

jsp教程

C#/.NET教程

Python教程

网络营销

建站经验

点击排行

您现在的位置:首页 > 网络教程 > jquery

ajax如何实现局部刷新

来源:中文源码网    浏览: 次    日期:2017年6月22日
使用ajax里面的.load()

多个页面导航和底部相同时,点击导航链接可在几个页面中切换,此时想要的效果是点击链接后只切换内容部分,其他不再重新加载。

<!DOCTYPE html>
<html>
  
  <head>
    <title>ajax实现局部刷新的</title></head>
  
  <body>
    <header>
      <nav>
        <a href="jq-load1.html" rel="external nofollow" class="current">首页</a>
        <a href="jq-load2.html" rel="external nofollow">新闻资讯</a>
        <a href="jq-load3.html" rel="external nofollow">用户中心</a></nav>
    </header>
    <section id="content">
      <div id="container">首页的内容</div></section>
    <script src="js/jquery-1.11.0.min.js"></script>
    <script src="js/jq-load.js"></script>
  </body>

</html>

亲,试试微信扫码分享本页! *^_^*

精彩推荐

相关内容