<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Ajax载入远程页面的练习</title>
</head>
<script type="text/javascript" src="jquery-1.11.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#showAjax").click(function(){
$("#AjaxContent").load("BS01.html")
});
})
</script>
<body>
<div><input type="button" name="showAjax" id="showAjax" value="AJAX载入页面按钮" /></div>
<div id="AjaxContent">
单击按钮后,此处内容将会被替换
</div>
</body>
</html>
起始页面:
点击后,加载出预先写好的页面效果: