使用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>