了解Ajax以及jQuery中的Ajax请求和接口

一．什么是Ajax

ajax 全名 Asynchronous Javascript And XML(异步JavaScript和XML)。

通俗的理解：在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式就是Ajax。

是前后台交互的能⼒ 也就是我们客户端给服务端发送消息的⼯具，以及接受响应的⼯具。

AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

是⼀个 默认异步执⾏机制的功能,AJAX分为同步（async = false）和异步（async = true）

二． Ajax 的优势以及缺点

不需要插件的⽀持，原⽣ js 就可以使⽤。

⽤户体验好（不需要刷新⻚⾯就可以更新数据）。

减轻服务端和带宽的负担。

缺点：搜索引擎的⽀持度不够，因为数据都不在⻚⾯上，搜索引擎搜索不到。

三 . jQuery中的Ajax

1.了解jQuery中的Ajax

浏览器中的XMLHttpRequest用法比较复杂，所以jQuery对XMLHttpRequest进行了封装，提供了一系列Ajax相关的函数，极大的降低了Ajax的使用难度。

2.jQuery发起Ajax的三种请求

• $.get()请求

jQuery中$.get()功能单一，专门用来发起get请求，从而将服务器上的资源请求到客户端进行使用。

语法：

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

• $.post()请求

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

语法：

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

• $.ajax()请求

相比于$.get()和$.post()函数，jQuery中提供的$.ajax()函数，是一个功能比较综合的函数，它允许我们对Ajax请求更详细的配置。

语法：

$.ajax({
      type:'',
      url:'',
      data:{ },
      success:function(res){ }
 })

四 . 了解接口

1.什么是接口

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

2.接口测试工具Postman

好处：能让我们在不写任何代码的情况下，对接口进行调用和测试。

下载：www.postman.com/downloads/

3.接口文档

顾名思义就是接口的说明文档，是我们调用接口的依据。

它的组成部分：