JavaScript是一种广泛应用于网页交互的脚本语言，而发起HTTP请求是JavaScript中的一个重要操作。在一些常见场景中，如向服务器请求数据、提交表单等操作，JavaScript都可以通过发起HTTP请求来实现。本文将为读者介绍JavaScript中常用的发请求方法，并给出一个实际的例子。

在JavaScript中，发起HTTP请求通常会使用XMLHttpRequest对象。这个对象被设计用来支持Ajax操作，通过向服务器发送异步请求并接收响应数据，从而实现无需刷新页面、动态更新数据的效果。下面是一个示例：

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

上述代码中，首先我们创建了一个XMLHttpRequest对象，之后使用open方法指定请求的HTTP方法和URL地址，第三个参数表明本次请求是否应该是异步的（默认为异步）。接着我们定义了一个onreadystatechange回调函数，它会在XMLHttpRequest对象的状态发生变化时被调用。状态readyState值为4时表示服务器已经返回响应数据，而status值为200表示服务器已成功处理请求。

除了XMLHttpRequest对象，ES6中的fetch方法也是一个比较常用的发请求方式。fetch方法返回的是一个Promise对象，因此可以链式调用then方法处理响应结果。下面是一个使用fetch方法发起POST请求的示例：

fetch('/api/postData', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ name: 'John', age: 22 })
}).then(response =>{
if (response.status === 200) {
return response.json();
} else {
throw new Error('Network response was not ok');
}
}).then(data =>{
console.log(data);
}).catch(error =>{
console.error('There was a problem with the fetch operation:', error);
});

上述代码中，我们首先使用fetch方法发起了一个POST请求。fetch的第一个参数为URL地址，第二个参数为请求配置对象。请求配置对象中包含了请求的HTTP方法、请求头部信息和请求体内容。在then回调函数中，我们判断了服务器响应的状态码，如果状态码是200，那么我们解析响应体的JSON数据并将其打印输出。而如果状态码不是200，那么我们会抛出一个错误。

除了XMLHttpRequest和fetch方法，还有一些库和框架如axios和jQuery，它们都提供了方便的API供开发者使用。但无论使用哪种方式，发起HTTP请求时都需要注意安全性等因素，以保证Web应用程序的安全性。

总之，发起HTTP请求是JavaScript中的一个重要操作。通过上述几个示例，我们可以看到JavaScript提供了多种方式来发起HTTP请求以及处理响应结果。阅读文档，学习使用这些方法可以有效提高Web应用程序的开发效率和用户体验。