js的ajax请求普通写法
时间: 2023-11-06 12:08:52 浏览: 161
下面是一个使用原生JavaScript进行Ajax请求的示例:
```javascript
let xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
let data = JSON.parse(xhr.responseText);
console.log(data);
}
};
xhr.send();
```
这个示例中,我们使用 `XMLHttpRequest` 对象来发起 GET 请求,并在回调函数中处理响应数据。在发送请求时,我们需要设置请求的方法、URL和是否异步。同时,我们还设置了 `onreadystatechange` 回调函数来检查请求状态。当请求成功并返回 200 状态码时,我们将响应数据解析为 JSON 格式,并打印到控制台中。
相关问题
ajax 请求的写法
AJAX(Asynchronous JavaScript and XML,异步JavaScript和XML)是一种前端网页开发技术,它允许客户端浏览器向服务器发送数据请求并接收响应,而无需刷新整个页面。下面是使用JavaScript的XMLHttpRequest对象(简称XHR)进行简单AJAX请求的基本写法:
```javascript
// 创建一个新的XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求的方法(GET、POST等)、URL和是否异步处理
xhr.open('GET', 'your-api-url', true);
// 当请求状态改变时执行的回调函数
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) { // readyState == 4表示请求完成,status == 200表示成功
console.log(xhr.responseText); // 接收服务器返回的数据
}
};
// 发送请求
xhr.send(); // 对于POST请求,可以传递数据作为send的参数,如 xhr.send({ key: 'value' });
```
js原生ajax请求写法
以下是一个基本的原生 AJAX 请求的示例:
```javascript
var xhr = new XMLHttpRequest(); // 创建一个XMLHttpRequest对象
xhr.onreadystatechange = function() { // 监听请求状态的变化
if (xhr.readyState === 4 && xhr.status === 200) { // 请求已完成,且响应状态码为200(成功)
console.log(xhr.responseText); // 输出响应结果
}
};
xhr.open('GET', 'example.com/api/data'); // 配置请求的方法和URL
xhr.send(); // 发送请求
```
以上代码中,我们创建了一个 `XMLHttpRequest` 对象并设置了它的 `onreadystatechange` 回调函数。这个回调函数会在每次请求状态发生变化时被调用,我们通过检查 `readyState` 和 `status` 属性来判断请求是否完成且是否成功。如果成功,我们就可以通过 `responseText` 属性获取响应的结果。
在调用 `open()` 方法之后,我们还可以通过 `setRequestHeader()` 方法来设置请求头信息,例如:
```javascript
xhr.setRequestHeader('Content-Type', 'application/json');
```
这里设置请求头信息为 `Content-Type: application/json`。最后,我们通过 `send()` 方法来发送请求。对于 GET 请求,该方法不需要参数;对于 POST 请求,我们需要将数据作为参数传递给该方法。
以上是一个基本的原生 AJAX 请求的写法,当然,还有很多其他的用法和技巧,具体可以根据实际需要进行学习和使用。
阅读全文