前端 js 通过get请求 访问第三方网站获取页面
时间: 2024-09-25 10:19:18 浏览: 28
前端 JavaScript 中,通过 `fetch` 或者 `XMLHttpRequest (XHR)` API 进行 GET 请求访问第三方网站并获取页面内容,通常用于异步数据加载或者API集成。这里是一个基本示例:
```javascript
// 使用 fetch API
fetch('https://example.com third-party-page')
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.text(); // 返回的是HTML文本
})
.then(data => {
// 在这里处理接收到的 HTML 数据
console.log(data);
})
.catch(error => {
console.error('Error:', error);
});
// 或者使用 XMLHttpRequest
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/another-page', true);
xhr.onload = function () {
if (xhr.status === 200) {
// 成功响应,处理返回的数据
var data = xhr.responseText;
document.getElementById('output').innerHTML = data;
} else {
console.error('Request failed. Returned status of ' + xhr.status);
}
};
xhr.send();
```
阅读全文