ajax原生发送get
时间: 2023-10-27 10:05:27 浏览: 90
使用原生 AJAX 发送 GET 请求的步骤如下:
1. 创建一个 XMLHttpRequest 对象
```javascript
var xhr = new XMLHttpRequest();
```
2. 创建一个 GET 请求,并指定请求的 URL
```javascript
xhr.open('GET', 'http://example.com/api/data');
```
3. 发送请求
```javascript
xhr.send();
```
4. 监听请求状态的变化
```javascript
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
```
完整的代码示例:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/data');
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
```
相关问题
原生js ajax get
原生 JavaScript 中的 AJAX GET 是一种用于从服务器获取数据的技术。它允许我们使用 JavaScript 在不重载整个页面的情况下向服务器发送 HTTP 请求并获取数据。下面是一个使用原生 JavaScript 来实现 AJAX GET 请求的示例:
```javascript
function ajaxGet(url, callback) {
var xhr = new XMLHttpRequest(); // 创建 XMLHttpRequest 对象
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText); // 解析服务器返回的 JSON 数据
callback(response); // 调用回调函数并传递响应数据
}
};
xhr.open("GET", url, true); // 设置请求方法、URL 和异步标志
xhr.send(); // 发送请求
}
// 使用示例
ajaxGet("https://api.example.com/data", function(response) {
console.log(response); // 在控制台打印服务器返回的数据
});
```
在上述示例中,`ajaxGet` 函数接受一个 URL 和一个回调函数作为参数。它创建了一个 `XMLHttpRequest` 对象并设置了一个 `onreadystatechange` 事件处理程序,以便在请求的状态发生变化时进行处理。
当请求状态为 4(表示请求完成)且状态码为 200(表示请求成功)时,通过 `JSON.parse` 解析服务器返回的 JSON 数据。然后,调用传递给 `ajaxGet` 函数的回调函数,并将解析后的响应数据作为参数传递给它。
在使用示例中,我们调用 `ajaxGet` 函数,并在回调函数中打印服务器返回的数据。你可以根据自己的需求进一步处理这些数据,例如在页面上显示它们或进行其他操作。
$.ajax原生js
好的,你的问题是关于 $.ajax 的原生 JavaScript 实现。在 JavaScript 中,我们可以使用 XMLHttpRequest 对象来实现 AJAX 请求。下面是一个简单的例子:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send();
```
在这个例子中,我们创建了一个 XMLHttpRequest 对象,并使用 open 方法指定了请求的方法、URL 和是否异步。然后,我们设置了 onreadystatechange 事件处理程序,当 readyState 属性变为 4(即请求完成)并且 status 属性为 200(即请求成功)时,我们输出响应文本。
阅读全文