new XMLHttpRequest发送一个简单的get请求
时间: 2024-01-19 17:51:38 浏览: 125
可以使用以下代码:
```
var request = new XMLHttpRequest();
request.open("GET", yourUrlHere, true);
request.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var response = this.responseText;
}
};
request.send();
```
将 "yourUrlHere" 替换成你要请求的 URL。在请求成功后,响应会储存在 "response" 变量中。
相关问题
写一个使用XMLHttpRequest对象来发送HTTP请求的案例
好的,我可以为您提供这个案例。请看以下代码:
``` javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/data', true);
xhr.onload = function() {
if (xhr.status === 200) {
console.log(xhr.responseText);
} else {
console.log('请求失败:' + xhr.status);
}
};
xhr.send();
```
这段代码发送了一个 GET 请求,请求地址为 http://example.com/api/data。在请求成功后,会将响应的数据打印到控制台。如果请求失败,会打印错误信息和响应状态码。
希望这个案例可以帮到您。如果您有其他问题可以继续提问。
XMLHttpRequest简单封装一个请求函数
以下是一个简单的XMLHttpRequest请求函数的封装:
```javascript
function request(url, method, data, successCallback, errorCallback) {
var xhr = new XMLHttpRequest();
xhr.open(method, url, true);
xhr.onload = function() {
if (xhr.status === 200) {
successCallback(xhr.responseText);
} else {
errorCallback(xhr.statusText);
}
};
xhr.onerror = function() {
errorCallback(xhr.statusText);
};
if (method === 'POST') {
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify(data));
} else {
xhr.send();
}
}
```
使用方法:
```javascript
// GET请求
request('https://example.com/api/data', 'GET', null, function(response) {
console.log(response);
}, function(error) {
console.error(error);
});
// POST请求
var data = { name: 'John', age: 30 };
request('https://example.com/api/user', 'POST', data, function(response) {
console.log(response);
}, function(error) {
console.error(error);
});
```
这个函数接受5个参数:
- `url`:请求的URL地址
- `method`:请求的HTTP方法(GET、POST等)
- `data`:POST请求的数据,可以是一个对象或字符串
- `successCallback`:请求成功时的回调函数,接受一个参数:响应数据
- `errorCallback`:请求失败时的回调函数,接受一个参数:错误信息
该函数创建一个XMLHttpRequest对象,设置请求的URL、HTTP方法和请求头信息,然后发送请求。在请求完成时,它会检查HTTP状态码并根据情况调用相应的回调函数。如果是POST请求,则还需要设置请求头信息和发送请求数据。
阅读全文