了解Ajax

什么是Ajax

Ajax的全称是 Asynchronous Javascript And XML (异步JavaScript和XML)。
通俗的理解:在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式，就是Ajax。

为什么要学习Ajax?

Ajax能让我们轻松实现网页与服务器之间的数据交互

Ajax实际上是下面这几种技术的融合：

(1)XHTML和CSS的基于标准的表示技术
(2)DOM进行动态显示和交互
(3)XML和XSLT进行数据交换和处理
(4)XMLHttpRequest进行异步数据检索
(5)Javascript将以上技术融合在一起

jQuery中的Ajax

$.get()函数的语法

代码示例：

 $.get('http://www.liulongbin.top:3006/api/getbooks', {id: 1},
 function(res) {
  //res是响应回来的数据
   return res;
 })

$.post()函数的语法

代码示例：

 $.post('http://www.liulongbin.top:3006/api/addbook', {
			bookname: '水浒传',
			author: '施耐庵',
			publisher: '天津图书出版社'
	}, function(res) { //res是响应回来的数据
			 console.log(res);
        })

$.ajax()函数的语法

代码示例：

    $.ajax({
        method: 'GET',
        url: 'http://www.liulongbin.top:3006/api/getbooks',
        data: {
            id: 1313,
        },
        success: function(res) {
            console.log(res);
        }
    })

接口

概念：使用ajax请求数据时，被请求的url地址，就叫做数据接口（简称接口）。同时，每个接口必须由请求方式
http://www.liulongbin.top:3006/api/getbooks //获取图书的接口（GET请求）
http://www.liulongbin.top:3006/api/addbook //添加图书的接口（POST请求）

接口测试工具

为了验证接口能否被正常访问我们需要使用接口测试工具，来对数据接口进行检测
好处：接口测试工具能让我们在不写任何代码的情况下，对接口进行调用和测试

常用的接口测试工具：PostMan
下载地址：https://www.postman.com/downloads/

接口文档

接口文档就是接口的说明文档，它是我们调用接口的依据。好的接口文档包含了对接口URL，参数以及输出内容的说明

接口文档组成:
1.接口名称：用来标识各个接口的简单说明，如登录接口，获取图书列表接口等
2.接口url：接口的调用地址
3.调用方式：接口的调用方式，如get，post
4.参数格式:接口需要传递的参数，每个参数必须包含参数名称、参数类型、是否必选、参数说明这四项内容