Ajax总结

AJAX

1. 学习目标

1. 能够知道和服务器相关的基本概念
2. 能够知道客户端和服务器通信的过程
3. 能够知道数据也是一种资源
4. 能够说出什么是Ajax以及应用场景
5. 能够使用jQuery中的Ajax函数请求数据
6. 能够知道接口和接口文档的概念

2. 客户端与服务器相关的概念

url（统一资源定位符）

URL地址的组成部分

1. 客户端与服务器之间的通信协议
2. 存有该资源的服务器名称
3. 资源在服务器上具体的存在位置

客户端与服务器的通信过程

分为 请求 - 处理 - 响应 三个步骤

浏览器的开发者工具

3. 数据是资源&资源的请求方式

网页中的数据也是服务器对外提供的一种资源。

如果要在网页中请求服务器上的数据资源，则需要用到 XMLHttpRequest对象。

XMLHttpRequest（简称 xhr）是浏览器提供的 js 成员，通过它，可以请求服务器上的数据资源。

用法

var xhrObj = new XMLHttpRequest()

资源的请求方式

• get 请求通常用于获取服务端资源（向服务器要资源）
• post 请求通常用于向服务器提交数据（往服务器发送资源）

4. Ajax的概念以及应用场景

Ajax 的全称是 Asynchronous JavaScript And XML（异步 JavaScript 和 XML）

应用场景

5. 使用$.get()发起GET请求

jQuery中的Ajax

jQuery 中发起 Ajax 请求最常用的三个方法如下：

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

$.get() 函数的语法

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

参数名	参数类型	是否必选	说明
url	string	是	要请求的资源地址
data	object	否	请求资源期间要携带的参数
callback	function	否	请求成功时的回调函数

6. 使用$.post()发起POST请求

$.post() 函数的语法

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

7. 使用$.ajax()函数发起请求

语法

$.ajax({
	type: '', // 请求的方式，例如 GET 或 POST
	url: '', // 请求的 URL 地址
	data: { },// 这次请求要携带的数据
	success: function(res) {} // 请求成功之后的回调函数
})

8. 接口的概念

使用 Ajax 请求数据时，被请求的 URL 地址，就叫做数据接口（简称接口）。同时，每个接口必须有请求方式。

9. 接口测试工具 Postman

10. 接口文档

接口的说明文档

合格的接口文档包括以下六部分：

接口文档事例