JavaScript编写Shell脚本(三)：发起网络请求

2024-02-15 08:16:06

前言

在前面的文章中，我们学习了如何使用JavaScript来执行基本的操作，比如创建文件、读取文件、写入文件、以及执行命令等。在本文中，我们将学习如何使用JavaScript来发起网络请求。

网络请求是客户端和服务器之间通信的一种方式。客户端通常是浏览器或移动应用程序，而服务器是托管网站或应用程序的计算机。网络请求通常用于从服务器获取数据，比如网页、图像、视频等。

使用fetch()发起网络请求

fetch()是JavaScript中用于发起网络请求的内置方法。fetch()方法接受一个参数，即要请求的URL。fetch()方法返回一个Promise对象，该对象表示异步操作的结果。当请求完成时，Promise对象将被解析，并包含请求的响应。

以下是一个使用fetch()方法发起网络请求的示例：

fetch('https://example.com')
  .then(response => {
    if (response.ok) {
      return response.text();
    } else {
      throw new Error('Error: ' + response.status);
    }
  })
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.log(error);
  });

上面的代码首先使用fetch()方法发起了一个到https://example.com的网络请求。然后，它使用.then()方法来处理请求的响应。如果请求成功（即响应状态码为200），则它将使用.text()方法来获取响应的文本内容。然后，它使用.then()方法来打印文本内容。如果请求失败（即响应状态码不为200），则它将使用.catch()方法来打印错误信息。

使用XMLHttpRequest发起网络请求

XMLHttpRequest是JavaScript中用于发起网络请求的另一个方法。XMLHttpRequest对象是通过new XMLHttpRequest()创建的。XMLHttpRequest对象具有多种方法，用于发起和处理网络请求。

以下是一个使用XMLHttpRequest对象发起网络请求的示例：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com');
xhr.onload = () => {
  if (xhr.status === 200) {
    console.log(xhr.responseText);
  } else {
    console.log('Error: ' + xhr.status);
  }
};
xhr.send();

上面的代码首先使用new XMLHttpRequest()创建了一个XMLHttpRequest对象。然后，它使用.open()方法来指定请求的类型和URL。接下来，它使用.onload事件监听器来处理请求的响应。当请求完成时，.onload事件监听器将被触发。在.onload事件监听器中，它使用.status属性来检查请求的状态。如果请求成功（即状态码为200），则它使用.responseText属性来获取响应的文本内容。然后，它使用.console.log()方法来打印文本内容。如果请求失败（即状态码不为200），则它使用.console.log()方法来打印错误信息。

使用Node.js发起网络请求

Node.js是一个用于创建服务器端应用程序的JavaScript运行时环境。Node.js提供了HTTP模块，该模块可以用于发起网络请求。

以下是一个使用Node.js发起网络请求的示例：

const http = require('http');

const options = {
  hostname: 'example.com',
  port: 80,
  path: '/',
  method: 'GET'
};

const req = http.request(options, (res) => {
  console.log('Status: ' + res.statusCode);
  console.log('Headers: ' + JSON.stringify(res.headers));
  res.setEncoding('utf8');
  res.on('data', (chunk) => {
    console.log(chunk);
  });
  res.on('end', () => {
    console.log('No more data in response.');
  });
});

req.on('error', (e) => {
  console.log('Error: ' + e.message);
});

req.end();

上面的代码首先使用require('http')导入HTTP模块。然后，它创建了一个请求选项对象。请求选项对象包含请求的URL、端口、路径和方法。接下来，它使用.request()方法来创建一个HTTP请求对象。然后，它使用.on()方法来添加请求的事件监听器。事件监听器用于处理请求的响应。当请求完成时，事件监听器将被触发。在事件监听器中，它使用.statusCode属性来获取请求的状态码。然后，它使用.headers属性来获取请求的响应头。接下来，它使用.setEncoding()方法来设置响应的编码。然后，它使用.on()方法来添加响应的数据事件监听器。数据事件监听器用于处理响应的数据。当响应的数据可用时，数据事件监听器将被触发。在数据事件监听器中，它使用.console.log()方法来打印响应的数据。最后，它使用.on()方法来添加响应的结束事件监听器。结束事件监听器用于处理响应的结束。当响应结束时，结束事件监听器将被触发。在结束事件监听器中，它使用.console.log()方法来打印一条消息。