JavaScript中的Ajax和数据请求
    		       		warning:
    		            这篇文章距离上次修改已过441天,其中的内容可能已经有所变动。
    		        
        		                
                在JavaScript中,Ajax和数据请求通常是通过XMLHttpRequest或现代的fetch API来实现的。
使用XMLHttpRequest的Ajax请求示例:
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.example.com/data", true);
xhr.onreadystatechange = function () {
  if (xhr.readyState == 4 && xhr.status == 200) {
    var data = JSON.parse(xhr.responseText);
    console.log(data);
  }
};
xhr.send();使用fetch API的数据请求示例:
fetch("https://api.example.com/data")
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok ' + response.statusText);
    }
    return response.json();
  })
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error('There has been a problem with your fetch operation:', error);
  });这两种方式都可以发送HTTP请求从服务器获取数据,fetch API是现代的、基于Promise的方法,而XMLHttpRequest是较旧的方法。fetch 更加简洁和现代化,而且它内置了对Promise的支持,使得异步处理更加方便。
评论已关闭