一.ajax是什么?
ajax 全称 Asynchronous JavaScript and XML(异步JavaScript和XML),其本质是在HTTP协议的基础上以异步的方式与服务器进行通信。
(异步:指某段程序执行时不会阻塞其他程序的执行,其表现形式为程序的执行顺序不依赖程序本身书写顺序,而同步相反)
二.ajax的使用原理
ajax是使用XMLHttpRequest对象异步发送请求;
由于XMLHttpRequest是对象所以在使用时先“new”;
(一般来说,所有是对象的使用先new)
注意:
•ajax使用XMLHttpRequest对象异步发送请求,是整个ajax技术中的核心•XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新
•创建 XMLHttpRequest 对象:var xhr=new XMLHttpRequest();
•请求API(向服务器发送请求)
–open(method,url,async) 规定请求的类型、URL 以及是否异步处理请求
说明:async : true(异步),false(同步)
–send(string) 将请求发送到服务器
–setRequestHeader() 设置请求头
ajax的工作原理:
三、ajax的使用及实现步骤
(1) 创建XMLHttpRequest对象,也就是创建一个异步调用对象.
(2) 打开链接,(HTTP请求的方法、URL及验证信息).
(3)发送HTTP请求.
(4)添加监听(监听服务器响应).
以下步骤:
(1) 创建XMLHttpRequest对象,也就是创建一个异步调用对象.(必写部分)


(2)打开链接,(HTTP请求的方法、URL及验证信息)

(3)发送HTTP请求.

(4)添加监听(监听服务器响应)

注意:responseText获取字符串形式的数据
responseXML获取XML形式的数据
网友评论