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