前言
hello，大家好，接下来我们一起来学习一下jQuery中的AJAX技术的使用，可以让我们的
开发更简单，高效！！！
内容概要
本章节的主要内容是来学习jQuery这个强大的方法库中已经封装好的ajax方法的使用，通
过本章节的知识学习之后，可以非常方便高效的使用jQuery中的ajax方法来发送请求，获取对
应的数据。
我们先来回顾一下ajax的基本使用步骤：
1.创建异步对象
2.设置请求行
3.设置请求头
4.设置请求体
5.监视异步对象的状态变化
由于每次发送ajax请求的时候，都需要我们手动的来new XMLHttpRequest，这些都是重
复的行为，于是就有些大牛帮助我们把常用的这些代码封装起来了，其中jQuery当中的ajax方
法就是我们比较常用的发送异步请求的方法。
在这里呢，我们只需要关注ajax方法中传入对象的几个属性的具体用法即可。我们可以先给页
面中的一个按钮注册一个事件，通过事件的触发，来发送ajax请求，jQuery中的ajax方法是需
要传入一个对象，此对象有如下几个属性是需要重点学习
掌握的：
url： 规定发送请求的 URL。默认是当前页面
type：规定请求的类型（GET 或 POST）
dataType:：预期的服务器响应的数据类型
success：当请求成功时运行的函数。
接下来我们就小demo的方式来具体演示一下此方法的使用
首先，新建一个getData.html页面，在此页面中添加一个input按钮，并引入jQuery这个方法
第2步：获取这个页面中的按钮，并注册事件
第3步：调用jQuery中的ajax方法发送请求，此方法中要传入一个对象，对象中有上面介绍的属性
具体完整代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>jQuery中的ajax</title>
<script src="./js/jquery.js"></script>
</head>
<body>
<input type="button" value="获取数据">
<script>
// 1. 获取页面中的按钮
var btn = document.querySelector('input')
// 2. 给事件源注册事件
btn.onclick = function(){
// 3. 调用jQuery中的ajax方法发送请求
$.ajax({
type:'get', // 设置发送请求的方式
url:'https://www.easy-mock.com/mock/5d62446e09c1067760274c0b/example/getStuInfo',// 设置请求的路径
success:function(data){
console.log(data);
}
})
}
</script>
</body>
</html>打开这个页面，当我们触发按钮的时候，就会向服务器发送一条ajax请求，通过控制台，
我们可以看到如下数据：
至此，我们使用jQuery这个强大的方法库中的ajax方法来发送了一次请求，并且获取到了和之前原生js发送请求时一
模一样的效果，而且使用jQuery中的ajax来发送请求的话，可以使唤我们的开发效率更高，写起来更方便，在接下来的时间
里一定要多敲多练，好好的掌握ajax这门前后端交互的网页应用技术。
本章节的课程到此结束，下节再见！！！
