使用场景:我经常看到一些系统,点击菜单,容器会动态加载页面,那么这个过程是如何实现
实现方式一:绑定点击事件,使用ajax动态加载页面到div中
$.ajax({//异步请求
url:"/table.do",
type:'post',
dataType:"json",
async:false,
data:{},
success:function(data){
//将后台的数据返回给前端界面
//前端界面对其进行处理,达到要展示的效果。
$("#mainbody").html(data['responseText']);//用ajax将另一页面的内容放置到div中
},
error:function(data){
alert('调用失败');
}
})
实现方式二:绑定点击事件,使用jquery的load方法动态加载页面到div中
$("#mainbody").load("/table.do");