ajax请求成功后 数据保存在哪

当使用AJAX进行网络请求时，通常是为了从服务器获取数据并在网页中进行展示。那么，当请求成功后，这些数据到底保存在哪里呢？答案是保存在浏览器的内存中，也就是说，数据是保存在客户端而非服务器端。
在AJAX请求成功后，服务器会将响应的数据发送给浏览器。浏览器接收到数据后，会将其保存在内存中，方便之后的操作和展示。具体来说，浏览器会将这些数据存储在浏览器的缓存中，这个缓存是浏览器为了提高网页加载速度而设计的一种机制。
为了更好地理解数据保存在哪的问题，让我们举一个例子。假设你正在使用一个电商网站，该网站具有一个“商品评论”功能，用户可以使用AJAX请求获取商品的评论信息。当用户点击“查看评论”按钮之后，网页会发送AJAX请求到服务器，并获取到评论数据。然后，这些评论数据会被保存在浏览器的缓存中。
接下来，如果用户再次点击“查看评论”按钮，网页会直接从缓存中读取评论数据，而不会再次发送AJAX请求到服务器。这样可以极大地提高网页加载速度，因为数据已经保存在浏览器的内存中，不需要再次从服务器获取。
当然，有时候我们也需要更新保存在浏览器缓存中的数据。例如，在上述的电商网站中，如果有新的评论被用户提交了，我们希望网页可以实时展示这些新的评论。为了实现这个功能，可以使用定时器，每隔一段时间发送AJAX请求到服务器，获取最新的评论数据。然后，将新的评论数据替换掉原来保存在浏览器缓存中的数据。
下面是一个使用AJAX进行网络请求，并将数据保存在浏览器缓存中的示例代码：

<pre>javascript
// 创建一个AJAX请求对象
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功后，将数据保存在浏览器的缓存中
    localStorage.setItem('commentData',xhr.responseText);
  }
};

// 发送AJAX请求
xhr.open('GET','http://example.com/comments',true);
xhr.send(); 

在上述代码中，使用XMLHttpRequest对象创建一个AJAX请求，然后发送这个请求到服务器。当服务器返回响应时，会将响应数据保存在浏览器的缓存中，使用localStorage对象的setItem方法进行存储。这样，在之后的操作中，我们可以通过localStorage对象的getItem方法获取到保存在缓存中的数据。
总之，当使用AJAX进行网络请求并获取到数据后，这些数据会保存在浏览器的内存中，也就是浏览器的缓存中。通过将数据保存在客户端，可以提高网页加载速度，增强用户体验。同时，我们也可以通过定时发送AJAX请求更新保存在缓存中的数据，保持数据的实时性。希望这篇文章能够帮助您更好地理解AJAX请求成功后数据保存在哪的问题。