初识Ajax

概念理解

1.客户端与服务器（⭐⭐⭐）

客户端：用户本身的电脑 负责获取和消费 来自服务器的资源

服务器：供应商的电脑 负责提供和分享资源 供服务器使用

2.URL的概念 及其的组成部分

URL概念

URL（全称是 UniformResourceLocator ） 中文叫 统一资源定位符，用于标识互联网上每个资源的唯 一存放位置

URL组成部分

通信协议  客户端与服务器之间的

域名（服务器名称 ）  存有该资源的

资源在服务器上 具体的存放位置

 

3.客户端与服务器通讯过程（⭐⭐⭐）

（1）.客户端发送请求

（2）服务器处理请求

（3）服务器 响应请求

4.资源的请求方式（⭐⭐⭐） 

（1）GET请求  获取来自服务器的资源

（2）POST请求  提交资源给服务器 

 5.什么是Ajax  为什么要学Ajax   有什么应用场景（⭐⭐⭐）

Ajax 就是 javascript 利用 XMLHTTPrequest 对象 与服务器之间实现数据交互

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

6.接口的概念（⭐⭐⭐）

接口：使用ajax进行交互的时候  请求的url地址 就是接口

接口的请求过程：

 

 

 

 7.什么是接口文档以及接口文档的组成部分（⭐⭐⭐）

接口文档，顾名思义就是 接口的说明文档，它是我们调用接口的依据。好的接口文档包含了对 接口 URL，参数 以及 输出内容 的说明，我们参照接口文档就能方便的知道接口的作用，以及接口如何进行 调用

接口文档的组成部分

接口名称：用来标识各个接口的简单说明，如 登录接口，获取图书列表接口等

接口URL：接口的调用地址 调用方式：

接口的调用方式，如 GET 或者 POST 参数格式：接口需要传递的参数，每个参数必须包含 参数名称、参数类型、是否必选、参数说明 这4项内容

响应格式：接口的返回值的详细描述，一般包含数据名称、数据类型、说明3项内容

返回示例（可选）：通过对象的形式，列举服务器返回数据的结构

代码理解

Ajax 请求最常用的三个方法（⭐⭐⭐）

1.get请求     $.get()  用于获取数据

2.post请求    $.post()用于提交数据

3.ajax请求    $.ajax()  既可以获取数据 也可以提交数据综合性写法

get请求 

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

url 指的是地址 

data  指的是请求资源时要带的参数

callback  指的是回调函数

 post请求

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

url 指的是地址 

data  指的是请求资源时要带的参数

callback  指的是回调函数

 ajax请求

 $.ajax(type， url ,[data],[callback])

type 指的是请求方式  里面填写 GET  或者 POST  最好大写

$.ajax({

type：‘GET’ || ‘POST’，

URL：‘http // www.dgsahg.com/api/hhh’,

data: {

name:'lichen'

},

success: fuction(res) {

console.log(res)

} 

})