AJAX AJAX 不是一种新的编程语言而是一种使用现有标准的新方法,与服务器交换数据并更新部分网页的新技术(不用重新加载整个界面)。
【AJAX】AJAX = 异步JavaScript和xml。
1.创建AJAX对象 XMLHttpRequest 对象用于在后台与服务器交换数据
var xhr = new XMLHttpRequest();
老版本的ie
var xhr= new ActiveXObject("Microsoft.XMLHTTP");
用来兼容老版本ie和新版本浏览器的xhr对象
var xhr
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest()
}else{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
2. AJAX请求 方法:
open(method,url,async)规定请求的类型、URL 以及是否异步处理请求
method:请求的类型;GET 或 POST
url:文件在服务器上的位置
async:true(异步)或 false(同步)send(string)
将请求发送到服务器。
string:仅用于 POST 请求
setRequestHeader(header,value); 向请求添加http头,header:规定头的名称;value:规定头的值。
XMLHttpRequest 对象如果要用于 AJAX 的话,其 open() 方法的 async 参数必须设置为 true
3.AJAX服务器响应
responseTest获得字符串形式的响应数据
reponseXML获得XML行营的响应数据
4.事件
onreadystatechange存储函数,当readyState属性改变时,就会调用该函数
readyState存有xhr的状态,有5个参数:
0:请求未初始化
1:服务器连接已建立
2:请求已接受
3:请求处理中
4:请求已完成,且响应已就绪status200: " Ok ";
404未找到界面
推荐阅读
- jQuery|猿创征文 | 使用Jquery封装的AJAX请求数据
- ajax|猿创征文 | 如何使用原生AJAX请求数据
- axios使用,在vue中的使用(私有和全局,封装api接口模块)
- 服务器|Ajax跨域与封装
- 笔记|Vue使用音频播放器插件 vue-aplayer
- python爬虫|高清!手把手教你Python爬取LOL英雄皮肤套图
- ajax|Ajax跨域和同源的问题
- Ajax请求跨域问题以及解决方案分析
- redux|redux action ajax,Redux介绍之异步Action