zoukankan      html  css  js  c++  java
  • ajax实现局部刷新

    <!DOCTYPE html>
    <html>
    <head lang="en">
    <meta charset="UTF-8">
    <title>demo</title>
    </head>
    <body>
    <div class="maxBox">
    <span class="T-active indexA">首页</span>
    <span class="T-active indexB">九块九包邮</span>
    <span class="T-active indexC">优品购</span>
    </div>
    <div class="content">
    <img src="img/1.png">
    </div>
    <div><img src="img/foot.png"></div>
    </body>
    <script src="//cdn.bootcss.com/jquery/3.0.0-alpha1/jquery.js"></script>
    <script>
    $('.T-active').each(function(){
    $(this).click(function(){
    if($(this).hasClass('indexA')){
    var url = './index1.html';
    Public(url);
    }else if($(this).hasClass('indexB')){
    var url = './index2.html';
    Public(url);
    }else if($(this).hasClass('indexC')){
    var url = './index3.html';
    Public(url);
    }
    })
    });
    // $('.maxBox').on('click','.T-active',function(){
    // if($(this).hasClass('indexA')){
    // var url = './index1.html';
    // Public(url);
    // }else if($(this).hasClass('indexB')){
    // var url = './index2.html';
    // Public(url);
    // }else if($(this).hasClass('indexC')){
    // var url = './index3.html';
    // Public(url);
    // }
    //
    // });
    function Public(url){
    $.ajax({
    type:'post',
    cache:'false',
    url:url,
    dataType:'html',
    success : function(data){
    $(".content").html(data)
    }
    })
    }

    </script>
    </html>

  • 相关阅读:
    python 模块包裹
    函数指针
    python界面
    python FileError
    python pickle
    python file
    python set
    python 字典的函数
    字典问题
    java学习笔记4
  • 原文地址:https://www.cnblogs.com/ZH1132672711/p/6023317.html
Copyright © 2011-2022 走看看