<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-3.1.0.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
// load()方法：jquery中用来请求静态文件的方法，如请求html文档
// load的参数：
// url：要请求的静态文件的路径
// data:要发送给服务器的参数(如果没有传参，则load用get方式请求服务器；如果传了参数，且参数是键值对，则load会转换为post方式请求数据
)
// callback：请求结束时执行的回调函数（不管请求是否成功，都会执行该回调函数）
$('button').click(function() {
// load请求下来静态文件后，会直接把该文件拼接进指定的标签中
// load方法筛选请求内容：在url之后添加要加载的标签的标志（标志可以是tag、class、id），之间使用空格隔开，这样就只能加载到指定的数据
// $('#news').load('news.html .news1');
// 回调函数中的三个可选参数
// 第一个参数：请求到的数据
// 第二个参数：请求状态
// 第三个参数：jQuery创建出来的请求对象
$('#news').load('news.html h3', function(responseText, responstStatus, responseObj) {
console.log(responseText);
console.log(responstStatus);
console.log(responseObj);
})
})
})
</script>
</head>
<body>
<div id="news">
</div>
<button>点击加载今日新闻</button>
</body>
</html>
