有关于Ajax

目录

1、什么是Ajax

2、同步与异步的区别

3.Ajax原理：

4.XMLHttpRequest的几种状态：

5.jQuery中的ajax函数

6.AJAX中常用参数

7.AJAX快捷函数

8.AJAX全局设置

9.分页异步加载数据

10.flash-restfull介绍及使用

---

1、什么是Ajax

Ajax：即异步 JavaScript 和XML。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。可以在不重新加载整个网页的情况下，对网页的某部分进行更新。而传统的网页(不使用 Ajax)如果需要更新内容，必需重载整个网页面。

2、同步与异步的区别

同步提交：当用户发送请求时，当前页面不可以使用，服务器响应页面到客户端，响应完成，用户才可以使用页面.

异步提交：当用户发送请求时，当前页面还可以继续使用，当异步请求的数据响应给页面，页面把数据显示出来.

3.Ajax原理：

1.创建XMLHttpRequest/ActiveObject对象

2.注册回调函数

3.配置请求参数

4.发送请求

5.创建回调

                XMLHttpRequest对象: 用于在后台与服务器 交换数据

4.XMLHttpRequest的几种状态：

0：对象没有完成初始化

1： 对象开始发送请求

2：对象的发送请求完成

3：对象开始读取服务器

4：对象读取服务器响应结束

5.jQuery中的ajax函数

.ajax(options)函数

url:请求地址

methods:请求类型

data:请求参数

dataType:返回的数据类型（xml/html/json等）

headers:请求头信息

success:请求成功后的回调

error:发生错误后的回调

complete:请求完成后的回调

6.AJAX中常用参数

参数模板：

url:请求地址

data:请求参数

callback:请求完成后的回调函数

7.AJAX快捷函数

.post:post请求

.get: get请求

.getJSON():get请求json数据

8.AJAX全局设置

ajaxSetup()全局设置场景

请求响应拦截： 如： http状态码为401跳转到登录界面

添加全局参数： 如: error:function(event,statusText){}

添加请求头信息

9.分页异步加载数据

接口API：

API：应用程序接口，对内部业务逻辑的封装

目标人群： 专业人员

实现步骤：

第一步： 后端（视图层）编写数据接口

第二部：前端（模板层）调用数据接口

第三步:渲染页面/绑定功能

10.flash-restfull介绍及使用

REST就是一种设计API的模式，是一种网络应用程序的设计风格和开发方式

RESTful API 的特点

每一个URI代表1种资源

用不同的HTTP请求方式来操作它

类型	描述
POST	新增
GET	查询
PUT/PATCH	修改
DELETE	删除

更精简的方式处理结果

状态码	描述	请求方式
200	OK	GET
201	CREATED	POST/PUT/PATCH
204	NO CONTENT	DELETE
400	INVALID REQUEST	POST/PUT/PATCH
404	NOT FOUND	*
400	INTERNAL SERVER ERROR	*