XMLHttpRequest 对象

请求服务器上的数据

var xhrObj = new XMLHttpRequest();

请求方式

• get
• post

get 请求通常用于获取服务端资源

列如：根据 URL 地址，从服务器获取html文件、css文件等数据资源

post 请求通常用于向服务器提交数据

例如：登录时向服务器提交的登入信息

Ajax

Ajax的全称是 Asynchronous JavaScirp And XML(异步 JavaScript 和 XML)

在网页中利用 XMLHttpRequest 对象和服务器进行数据交换的方式，就是Ajax

Ajax 可以使网页和服务器之间数据交互

应用场景

• 注册时检测用户名是否被占用
• 搜索提示 百度
• 数据分页显示，动态属性分页
• 数据的增删改查

jQuery中的Ajax

• $.get()
• $.post()
• $.ajax()

$.get()

$.get(url,[data],[callback]);

参数 含义

参数名	参数类型	说明
url	string	请求的资源地址
data	object	携带的参数
callback	function	回调函数

$.post()

$.post(url,[data],[callback]);

参数 含义

参数名	参数类型	说明
url	string	请求的资源地址
data	object	携带的参数
callback	function	回调函数

$.ajax()

$.ajax({
    type:'',//请求的方式  GET POST
    url:'',//URL
    data:{},//object 携带数据
    success:function(res){}//回调函数
})

接口

使用 Ajax 请求数据时，被请求的 URL 地址，就叫做数据接口

同时每个接口必须有请求方式 API

接口文档

基本接口文档的基本内容

• 接口名称：用来表示各个接口的简单说明，如登入接口等
• 接口URL：接口的调用地址
• 调用方式：接口的调用方式，如 GET 或 POST
• 参数格式：接口需要传递的参数，每个参数必须包含参数名称、参数类型、是否必选、参数说明等
• 响应格式：接口的返回值的详细描述，一般包含数据名称、数据类型、说明等
• 返回示例：列举一个示例

图书列表接口文档

获取图书列表接口-接口名称

http://www.liulongbin.top:3006/api/getbooks -接口URL

GET-调用方式

参数格式

参数名称	参数类型	是否必选	参数说明
id	Number	否	图书ID
bookname	String	否	图书名称
author	String	否	作者
publisher	String	否	出版社

响应格式

数据名称	数据类型	说明
status	Number	200:成功 500：失败
msg	String	对 status 字段的说明
...