黑马程序员技术交流社区

标题: 【上海校区】Ajax请求原理解析 [打印本页]

---

作者: 依惜    时间: 2020-6-24 17:34
标题: 【上海校区】Ajax请求原理解析
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);
  }
}

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2