zoukankan      html  css  js  c++  java
  • 使用Jquery中Load或ajax发送请求

    Load定义:load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中。

    <script>
        $(function () {
            //点击右侧栏触发事件
            $('.list-group-item').on('click', function () {
              var url = $(this).attr('href')
              //注意:url和main连接时候中间必须有一个空格
              $('#main').load(url + ' #main > *')
              return false
            })
        })
    </script>
    
        url:就是根据点击的a标签获取需要跳转的路径
        mian:不给#mian就是把其他页面全部加载进来,给了main就是把其他页面main这块区域的代码加载进来。
        *: 不需要其他页面的Miain,只需要main下面的其他代码,所以用了子代的 * (通配)
        return false: //设置点击a链接禁止a标签跳转

    ajax加载整个页面

    <script>
       $.ajax({
           url:'./test.html',
           type:'get',
           success:function(res){
               $('#router').html($(res));
           }
       });
        // $('#router').load('./test.html');
    </script>
  • 相关阅读:
    link和@import区别
    常用的正则表达式
    virtual dom
    git常用命令
    系统管理与进程命令
    Shell 命令
    软件安装命令
    vim 详解
    网络命令
    帮助与用户管理命令
  • 原文地址:https://www.cnblogs.com/hongdoudou/p/12676136.html
Copyright © 2011-2022 走看看