Ajax 的全称是 Asynchronous Javascript And XML (异步 JavaScript 和 XML )。
通俗的理解:在网页中利用 XMLHttpRequest 对象和服务器进行数据交互的方式,就是 Ajax
Ajax 能让我们轻松实现网页与服务器之间的数据交互。
浏览器中提供的 XMLHttpRequest 用法比较复杂,所以 jQuery 对 XMLHttpRequest 进行了封装,提供了
一系列 Ajax 相关的函数,极大地降低了 Ajax 的使用难度。
jQuery 中发起 Ajax 请求最常用的三个方法如下:
$.get()
发起不带参数的请求
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<script src="./lib/._jquery.js"></script>
</head>
<body>
<button id="btnGET">不带参数的GET请求</button>
<script>
$(function () {
$("#btnGET").on("click", function () {
$.get("http://www.liulongbin.top:3006/api/getbooks", function (res) {
console.log(res)
})
})
})
</script>
</body>
</html>
发起带参数的请求
$.post()
$.ajax()
接口
使用AJax请求数据时,被请求的URL地址,被叫做数据接口(接口 )
为了验证接口能否被正常被访问,我们常常需要使用接口测试工具,来对数据接口进行检测。
好处:接口测试工具能让我们在不写任何代码的情况下,对接口进行调用和测试。