在 JavaScript 中，你可以使用 fetch API 或 XMLHttpRequest 对象来实现 GET 请求来获取网址中的文本内容，并返回结果。

这里我将分别介绍这两种方法，并给出示例代码。

推荐使用 fetch API

fetch API 是现代 JavaScript 中处理网络请求的标准方式，它提供了更简洁、更强大的 API。

方法一：使用 fetch API

fetch API 返回一个 Promise，你可以通过 .then() 来处理成功和失败的情况。

javascript
/**
* 使用 fetch API 通过 GET 请求获取指定 URL 的文本内容
* @param {string} url - 要访问的 URL
* @returns {Promise<string>} - 一个 Promise，resolve 时返回 URL 的文本内容，reject 时返回错误信息
*/
async function getTextFromUrlFetch(url) {
try {
const response = await fetch(url); // 发起 GET 请求

// 检查响应状态码是否成功 (2xx)
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}

const text = await response.text(); // 将响应体解析为文本
return text; // 返回文本内容
} catch (error) {
console.error("Error fetching text:", error);
throw error; // 重新抛出错误，以便调用者可以处理
}
}

// 示例用法：
const targetUrl = "https://jsonplaceholder.typicode.com/posts/1"; // 替换为你想要访问的 URL

getTextFromUrlFetch(targetUrl)
.then(textContent => {
console.log("获取到的文本内容 (fetch):", textContent);
// 在这里可以使用获取到的 textContent
})
.catch(error => {
console.error("获取文本内容失败 (fetch):", error);
});


解释：

1. async function getTextFromUrlFetch(url): 定义一个异步函数，接收 url 作为参数。
2. try...catch: 用于捕获在网络请求过程中可能发生的错误。
3. const response = await fetch(url);: fetch(url) 发起一个 GET 请求到指定的 url。await 关键字会暂停函数执行，直到 Promise 解决。response 对象包含了服务器的响应信息。
4. if (!response.ok): response.ok 是一个布尔值，表示 HTTP 状态码是否在 200-299 范围内（表示成功）。如果不是，则抛出一个错误。
5. const text = await response.text();: response.text() 方法会读取响应体并将其解析为纯文本字符串。它也返回一个 Promise，所以需要 await。
6. return text;: 返回获取到的文本内容。
7. catch (error): 如果在 try 块中发生任何错误（网络错误、HTTP 错误等），则会执行 catch 块。
8. console.error("Error fetching text:", error);: 打印错误信息。
9. throw error;: 重新抛出错误，这样调用 getTextFromUrlFetch 函数的地方就可以通过 .catch() 来处理这个错误。
10. 示例用法:
* getTextFromUrlFetch(targetUrl) 调用函数。
* .then(textContent => { ... }) 当 Promise 成功解决时（即获取到文本），会执行这个回调函数，textContent 就是获取到的文本。
* .catch(error => { ... }) 当 Promise 被拒绝时（即发生错误），会执行这个回调函数。

方法二：使用 XMLHttpRequest 对象（较旧但仍然有效）

XMLHttpRequest 是在 fetch API 出现之前常用的方法。

javascript
/**
* 使用 XMLHttpRequest 对象通过 GET 请求获取指定 URL 的文本内容
* @param {string} url - 要访问的 URL
* @returns {Promise<string>} - 一个 Promise，resolve 时返回 URL 的文本内容，reject 时返回错误信息
*/
function getTextFromUrlXHR(url) {
return new Promise((resolve, reject) => {
const xhr = new XMLHttpRequest();
xhr.open("GET", url, true); // true 表示异步请求

xhr.onload = function() {
if (xhr.status >= 200 && xhr.status < 300) {
resolve(xhr.responseText); // 请求成功，返回响应文本
} else {
reject(`HTTP error! status: ${xhr.status}`); // 请求失败，拒绝 Promise
}
};

xhr.onerror = function() {
reject("Network error occurred"); // 网络错误，拒绝 Promise
};

xhr.send(); // 发送请求
});
}

// 示例用法：
const targetUrlXHR = "https://jsonplaceholder.typicode.com/posts/2"; // 替换为你想要访问的 URL

getTextFromUrlXHR(targetUrlXHR)
.then(textContent => {
console.log("获取到的文本内容 (XHR):", textContent);
// 在这里可以使用获取到的 textContent
})
.catch(error => {
console.error("获取文本内容失败 (XHR):", error);
});


解释：

1. function getTextFromUrlXHR(url): 定义一个函数，接收 url 作为参数。
2. return new Promise((resolve, reject) => { ... });: XMLHttpRequest 本身不是 Promise，所以我们将其封装在一个 Promise 中，以便使用 .then() 和 .catch()。
3. const xhr = new XMLHttpRequest();: 创建一个 XMLHttpRequest 对象。
4. xhr.open("GET", url, true);:
* "GET": 指定请求方法为 GET。
* url: 要请求的 URL。
* true: 表示请求是异步的。
5. xhr.onload = function() { ... };: 定义一个回调函数，当请求完成时（无论成功还是失败）会被调用。
* if (xhr.status >= 200 && xhr.status < 300): 检查 HTTP 状态码是否表示成功。
* resolve(xhr.responseText);: 如果成功，调用 resolve 并传入服务器返回的文本 (xhr.responseText)。
* reject(HTTP error! status: ${xhr.status});: 如果状态码不成功，调用 reject 并传入一个错误信息。
6. xhr.onerror = function() { ... };: 定义一个回调函数，当发生网络错误时（例如，无法连接到服务器）会被调用。
* reject("Network error occurred");: 调用 reject 并传入一个网络错误信息。
7. xhr.send();: 发送实际的 HTTP 请求。

注意事项：

* 跨域请求 (CORS): 如果你要访问的 URL 和你的 JavaScript 代码运行的页面不在同一个域下，可能会遇到跨域请求问题。服务器需要通过设置 CORS 响应头来允许你的请求。如果遇到 Access-Control-Allow-Origin 相关的错误，说明是 CORS 问题。
* 错误处理: 务必进行充分的错误处理，以应对网络不稳定、服务器错误或 URL 不存在等情况。
* 异步性: 这两种方法都是异步的。这意味着当调用函数时，它不会立即返回文本。你需要使用 .then() (或 await) 来处理返回的结果。
* 响应格式: response.text() (或 xhr.responseText) 假定服务器返回的是纯文本。如果服务器返回的是 JSON、XML 或其他格式，你需要使用相应的方法来解析，例如 response.json()。

总结:

对于现代 Web 开发，强烈推荐使用 fetch API。它更易于使用，支持 Promise，并且是未来的标准。XMLHttpRequest 仍然有效，但在新项目中通常不再是首选。