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>