js怎么获取另一个网页的数据

通过JavaScript获取另一个网页的数据，可以使用以下几种方法：AJAX、Fetch API、JSONP、CORS。 其中，Fetch API 是现代的、推荐使用的方法，它提供了一个更强大和灵活的接口。下面将详细介绍如何使用Fetch API获取另一个网页的数据。

一、AJAX

简介

AJAX（Asynchronous JavaScript and XML）是一种用于在不重新加载整个网页的情况下异步更新网页的方法。它通过XMLHttpRequest对象实现。

使用方法

创建一个新的XMLHttpRequest对象，配置请求，然后发送请求。可以通过onreadystatechange或者onload事件处理响应数据。

var xhr = new XMLHttpRequest();

xhr.open('GET', 'https://api.example.com/data', true);
xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) {
        console.log(xhr.responseText);
    }
};
xhr.send();

二、FETCH API

简介

Fetch API是一个现代的、基于Promise的接口，它让异步请求变得更加简单和直观。相较于AJAX，它更简洁且功能更强大。

使用方法

使用fetch函数发送请求并处理响应。可以通过then方法处理返回的Promise对象。

fetch('https://api.example.com/data')

    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error('Error:', error));

三、JSONP

简介

JSONP（JSON with Padding）是一种用于解决跨域问题的技术。它利用了