原生Ajax异步请的代码

欢迎各加入该群:217613211 一起探讨技术问题:群答案是:11

get请求:

var ajax = new xmlHttpRequest();//获得ajax的对象

ajax.open("请求方式:get/post","URL",是否是异步)

ajax.onreadystatachange= function(){

  if(ajax.readystata ==4 &&  ajax.stutus ==200){

    console.log( ajax.responseText);

}

}

ajax.send()//发送数据

post请求:

POST方式的请求通过send方法传递请求参数.

ajax引擎对象.open(‘POST’,’url地址’);

ajax引擎对象.onreadystatechanage = function(){};

ajax引擎对象.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');//仿form的数据提交给服务器

ajax引擎对象.send(‘name1=value1&name2=value2’);

方法及属性:

方法:

abort	取消当前请求
getAllResponseHeaders	获取响应的所有http头
getResponseHeader	从响应信息中获取指定的http头
open(方式get/post，url地址，同步异步)	创建一个新的http请求，打开请求，并指定此请求的方法、URL以及验证信息(用户名/密码)
send()	发送请求到http服务器并接收回应
setRequestHeader	单独指定请求的某个http头，header()设置http头协议信息

 

属性:

onreadystatechange*	指定当readyState属性改变时的事件处理句柄。只写
readyState	返回当前请求的状态，只读.，ajax行进过程中不同状态
responseBody	将回应信息正文以unsigned byte数组形式返回.只读
responseStream	以Ado Stream对象的形式返回响应信息。只读
responseText	将响应信息作为字符串返回.只读
responseXML	将响应信息格式化为Xml Document对象并返回，只读
status	返回当前请求的http状态码.只读，200 ok   304 缓存 ；  404  not found;  403没有权限  501服务器级别错误
statusText	返回当前请求的响应行状态，只读  ok   not found    forbidden