前端学了有一段时间了，在项目中我通常使用的都是jQuery封装好的Ajax函数($.ajax、$.get、$.post)，使用非常的简单方便，但为了更清楚的了解Ajax，需要学习原生xhr对象。

 

先来明确什么是Ajax，Ajax：“Asynchronous JavaScript and XML”，翻译过来就是异步JavaScript和XML。

Ajax是一种用于创建快速动态网页的技术，通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。意味这可以再不重新加载整个网页的情况下，对网页的某部分进行更新。

 

创建Ajax：

 

要创建Ajax，主角是XMLHttpRequest（下简称XHR）对象。

第一步：创建XHR对象

var xhr = new XMLHttpRequest();

 

 

第二步：向服务器发送请求

方法：open(method,url,async) 和 send(string)

open()方法传入三参数

  • method：请求的类型（GET/POST）

  • url：文件在服务器上的位置

  • async：布尔值，true表示异步，false表示同步（可选，默认为true）

send()方法将请求发送到服务器，有一个可选的参数string，仅用于POST类型的请求。

网友评论