核心对象使用步骤

简介: 核心对象使用步骤

1.创建XMLHttpRequest 对象

var xhr = new XMLHttpRequest();


2.设置请求信息(请求方法和url)

// 请求方式
xhr.open(method, url);
//可以设置请求头,一般不设置
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');


3.发送请求

xhr.send(body) //get请求不传 body 参数,只有post请求使用


4.接收响应(事件绑定,处理服务端返回的结果)

//xhr.responseXML 接收 xml格式 的响应数据
//xhr.responseText 接收 文本格式 的响应数据
xhr.onreadystatechange = function (){
 // readyState 是 xhr对象中的属性, 表示状态 0 1 2 3 4
 if(xhr.readyState == 4 && xhr.status == 200){
  var text = xhr.responseText;
  console.log(text);
 }
}
相关文章
|
1月前
类的实例化过程在ES6中是如何优化的?
类的实例化过程在ES6中是如何优化的?
|
4月前
|
缓存 前端开发
ProFlow 流程编辑器框架问题之创建一个自定义节点如何解决
ProFlow 流程编辑器框架问题之创建一个自定义节点如何解决
51 1
|
7月前
|
监控 安全 Java
JVM工作原理与实战(七):类的生命周期-初始化阶段
JVM作为Java程序的运行环境,其负责解释和执行字节码,管理内存,确保安全,支持多线程和提供性能监控工具,以及确保程序的跨平台运行。本文主要介绍了类的生命周期、类的初始化阶段等内容。
61 5
|
7月前
|
存储 监控 安全
JVM工作原理与实战(五):类的生命周期-加载阶段
JVM作为Java程序的运行环境,其负责解释和执行字节码,管理内存,确保安全,支持多线程和提供性能监控工具,以及确保程序的跨平台运行。本文主要介绍了类的生命周期、类的加载阶段等内容。
87 5
|
7月前
|
存储 安全 Java
JVM工作原理与实战(六):类的生命周期-连接阶段
JVM作为Java程序的运行环境,其负责解释和执行字节码,管理内存,确保安全,支持多线程和提供性能监控工具,以及确保程序的跨平台运行。本文主要介绍了类的生命周期、类的连接阶段等内容。
67 4
|
前端开发
前端学习案例2-this指向问题-函数的独立调用2
前端学习案例2-this指向问题-函数的独立调用2
72 0
前端学习案例2-this指向问题-函数的独立调用2
|
前端开发
前端学习案例1-this指向问题-函数的独立调用
前端学习案例1-this指向问题-函数的独立调用
51 0
前端学习案例1-this指向问题-函数的独立调用
|
前端开发
前端学习案例4-类组件中绑定this指向的方式
前端学习案例4-类组件中绑定this指向的方式
74 0
前端学习案例4-类组件中绑定this指向的方式
定义一个事件需要单独新建一个文件吗?底层原理是什么?
定义一个事件需要单独新建一个文件吗?底层原理是什么?
|
设计模式 Java
【JVM】Java对象创建的流程步骤
【JVM】Java对象创建的流程步骤
222 0