前端学了有一段时间了,在项目中我通常使用的都是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类型的请求。

延伸阅读

学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训学习是年轻人改变自己的最好方式