js怎么获取ajax的数据(ajax如何从js中获取值)

AJAX（Asynchronous JavaScript and XML）是一种用于创建异步Web应用程序的技术。它可以在不刷新整个页面的情况下更新部分页面内容，并且可以从服务器检索数据。在JavaScript中，我们可以通过使用AJAX来获取服务端返回的值，然后在前端进行处理。

假设我们有一个简单的HTML页面，其中有一个按钮，当我们点击按钮时，我们希望通过AJAX从服务器获取一些数据并在页面上显示。以下是一个使用AJAX从服务器获取数据的例子：

function fetchData() {
// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求方法和URL
xhr.open("GET", "/api/data", true);
// 设置回调函数，当请求完成时被调用
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 从服务器获取的数据
var data = xhr.responseText;
// 在页面上显示数据
document.getElementById("result").innerText = data;
}
};
// 发送请求
xhr.send();
}

在上面的例子中，我们使用了XMLHttpRequest对象来发送AJAX请求。我们通过调用open方法来设置请求的方法（GET、POST等）和URL。然后，我们设置了一个回调函数，当请求完成时被调用。在回调函数中，我们可以通过xhr.responseText获取从服务器返回的数据，并将其显示在页面上。

例如，如果我们希望获取一篇文章的内容并在页面上显示，可以使用以下代码：

function fetchArticle() {
var articleId = "1"; // 假设文章ID是1
var xhr = new XMLHttpRequest();
xhr.open("GET", "/api/article/" + articleId, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var article = JSON.parse(xhr.responseText);
document.getElementById("articleTitle").innerText = article.title;
document.getElementById("articleContent").innerText = article.content;
}
};
xhr.send();
}

在上面的例子中，我们通过AJAX从服务器获取了一篇文章的数据。我们根据文章ID构建了请求的URL，并将文章标题和内容显示在页面上。

总结来说，AJAX是一种强大的技术，可以在不刷新整个页面的情况下更新部分页面内容，并且可以从服务器获取数据。我们可以使用JavaScript中的XMLHttpRequest对象来发送AJAX请求，并在回调函数中处理从服务器返回的数据。通过使用AJAX，我们可以创建交互性更强的Web应用程序，并提供更好的用户体验。