A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 依惜 中级黑马   /  2020-6-24 17:34  /  1830 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

Ajax请求原理解析

1:创建XMLHttpRequest对象

var xhr;
if(XMLHttpRequest){
xhr = new XMLHttpRequest();
}else{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
2:准备请求

xhr.open(method,url,async);
method:get   post
url:请求地址
async:true异步 false同步

3:发送请求
xhr.send();
get :xhr.open("GET",url,true);
xhr.send(null);

post:
xhr.open("POST",url,true);
xhr.setRequestHeder("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");   //规定表头
xhr.send("name="+userName+"&age="+userAge);//参数

4:处理响应

xhr.onreadystatechange = function(){
  if(xhr.readyState == 4 && xhr.status == 200){
    console.log(“响应成功成功”,xhr.responseText);
  }
}

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马