了解Ajax（第一天）

URL地址的组成部分

URL地址一般由三部组成:
①客户端与服务器之间的通信协议
②存有该资源的服务器名称
③资源在服务器上具体的存放位置

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

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

基于浏览器的开发者工具分析通信过程

网页中如何请求数据

数据，也是服务器对外提供的一种资源。只要是资源，必然要通过请求-处理-响应的方式进行获取。

如果要在网页中请求服务器上的数据资源，则需要用到XMLHttpRequest对象。
XMLHttpRequest (简称xhr)是浏览器提供的js成员,通过它，可以请求服务器上的数据资源。
最简单的用法var xhrObj = new XML HttpRequest()

什么是Ajax

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

为什么要学Ajax

之前所学的技术，只能把网页做的更美观漂亮，或添加一些动画效果，但是，Ajax能让我们轻松实现网页与服务器之间的数据交互。

Ajax的典型应用场景

用户名检测:注册用户时,通过ajax的形式，动态检测用户名是否被占用

数据分页显示:当点击页码值的时候，通过ajax的形式，根据页码值动态刷新表格的数据

数据的增删改查:数据的添加、删除、修改、查询操作，都需要通过ajax的形式，来实现数据的交互

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

$.get()发起不带参数的请求


$.get()发起带参数的请求

$.post()函数的语法

jQuery中$.post0函数的功能单一，专门用来发起post请求，从而向服务器提交数据。

$.ajax()函数的语法

相比于$.get0和$.post0函数, jQuery 中提供的$.ajax0函数，是一个功能比较综合的函数，它允许我们对Ajax请求进行更详细的配置。
$.ajax0函数的基本语法如下:

使用$.ajax()发起GET请求

使用$.ajax0发起GET请求时，只需要将type属性的值设置为'GET'即可:

使用$.ajax()发起POST请求

使用$.ajax0发起POST请求时，只需要将type属性的值设置为'POST'即可:

接口的概念

通过GET方式请求接口的过程

接口测试工具Postman

什么是接口测试工具
为了验证接口能否被正常被访问,我们常常需要使用接口测试工具,来对数据接口进行检测。
好处:接口测试工具能让我们在不写任何代码的情况下，对接口进行调用和测试。
下载并安装PostMan
问PostMan的官方下载网址http://www.getpostman.com/downloads/下载所需的安装程序后, 直接安装即可。
使用PostMan测试GET接口

使用PostMan测试POST接口

接口文档

1.什么是接口文档
接口文档，顾名思义就是接口的说明文档，它是我们调用接口的依据。好的接口文档包含了对接口URL,参数以及输出内容的说明，我们参照接口文档就能方便的知道接口的作用,以及接口如何进行调用。
2.接口文档的组成部分
接口文档可以包含很多信息，也可以按需进行精简，不过, -个合格的接口文档，应该包含以下6项内容,从而为接口的调用提供依据:
1.接口名称: 用来标识各个接口的简单说明，如登录接口，获取图书列表接口等。
2. 接口URL:接口的调用地址。
3. 调用方式:接口的调用方式，如GET或POST.
4. 参数格式:接口需要传递的参数，每个参数必须包含参数名称、参数类型、是否必选、参数说明这4项内容。
5.响应格式:接口的返回值的详细描述，一般包含数据名称、 数据类型、说明3项内容。
6. 返回示例(可选) :通过对象的形式，例举服务器返回数据的结构。