new window.XMLHttpRequest();
时间: 2024-10-25 16:02:45 浏览: 4
`new XMLHttpRequest();` 是JavaScript中创建一个XMLHttpRequest对象的一种方式,它是用于浏览器与服务器之间进行异步数据交换的关键API。XMLHttpRequest最初是为了支持Ajax(Asynchronous JavaScript and XML)技术而设计的,它允许前端程序在不刷新整个页面的情况下,从服务器获取数据并更新部分内容。
通过这个构造函数创建的对象,你可以向服务器发送HTTP请求(GET、POST等),接收响应,并处理数据。这是现代Web应用实现动态交互和数据加载的常见手段。例如:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onload = function() {
if (xhr.status === 200) {
// 成功,处理返回的数据
console.log(xhr.responseText);
} else {
console.error('请求出错');
}
};
xhr.send();
```
相关问题
window.XMLHttpRequest() 跨域访问 OSS文件
在前端中,我们可以使用 XMLHttpRequest 对象来进行跨域访问 OSS 文件。具体步骤如下:
1. 创建 XMLHttpRequest 对象
2. 使用 open() 方法设置请求方法和请求地址
3. 使用 setRequestHeader() 方法设置请求头信息
4. 使用 send() 方法发送请求
5. 监听 onreadystatechange 事件,获取响应结果
以下是示例代码:
```
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.oss-cn-hangzhou.aliyuncs.com/example.jpg', true);
xhr.setRequestHeader('Authorization', 'Bearer ' + token);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var imgUrl = URL.createObjectURL(xhr.response);
document.getElementById('img').src = imgUrl;
}
};
xhr.send();
```
其中,token 是通过后端接口获取的 OSS 访问凭证。
window.XMLHttpRequest() 跨域访问 OSS公共读文件
在前端中,可以使用XMLHttpRequest对象来进行跨域访问OSS公共读文件。具体步骤如下:
1. 创建XMLHttpRequest对象
```
var xhr = new XMLHttpRequest();
```
2. 设置请求方式和请求地址
```
xhr.open('GET', 'https://your-bucket-name.oss-cn-hangzhou.aliyuncs.com/your-file-name', true);
```
3. 设置响应类型
```
xhr.responseType = 'blob';
```
4. 发送请求
```
xhr.send();
```
5. 监听请求状态变化
```
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功,获取响应数据
var blob = xhr.response;
// 处理响应数据
}
};
```
阅读全文