Ajax的简单了解和基本请求步骤

Ajax的简单了解和基本请求步骤

一：了解Ajax

1、什么是Ajax？

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。Ajax = 异步 JavaScript 和 XML 或者是 HTML（标准通用标记语言的子集）。Ajax 是一种用于创建快速动态网页的技术。

2、Ajax有什么作用？

ajax 主要是实现页面和 web 服务器之间数据的异步传输。Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。

3、Ajax可以应用场景？

注册登录
异步提交、删除、编辑、分页
只需要进行数据交互的地方
操作起来只需要刷新页面局部的地方
单页面应用，所有数据通过AJAX与后端交互
…

二：Ajax请求步骤

第一步：创建异步对象

一般情况是 var xhr = new XMLHttpRequest();
如下是兼容IE6的创建方式

第二步：设置 请求行 open(请求方式，请求url)；

get请求参数在url后拼接
post请求参数在请求体中传递

第三步：设置请求头:setRequestHeader()【get请求不需要】

get请求不需要请求头
post请求需要

第四步：设置请求体 send()

get参数在url中拼接了，不需要传递
post参数需要在此传递

第五步：指定回调函数

满足两个条件才算响应成功：1.服务器成功响应了 2.异步对象的响应状态为4(数据解析完毕可以使用了)

ajax-get请求案例

ajax-post请求案例

案例源码在demo文件：代码