<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.1.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
//通过点击按钮请求数据
$('button').click(function() {
// .get() 用来向服务器发起get请求
//第一个参数: 请求路径
//第二个参数：对象类型的数据把需要提交给服务器的参数放在这个对象中
//第三个参数:回调函数 载入成功时，会执行函数 通过这个回调函数拿到请求的值
//第四个参数:服务器返回数据的类型(如果我们需要请求的服务器给我们返回的是json数据，则这个参数只能写json)
$.get('name.json', {
name: "舟"
},
function(data) {
//通过data参数请求到的值
alert(data);
//数据提取，并拼接在文档中
});
$.post() 方法，用来发起post请求，当服务器只能接受post请求时，使用该方法，该方法和参数情况与.get()方法完全一样
});
})
</script>
</head>
<body>
<button>点击</button>
</body>
</html>
