JavaScript是一种非常强大的脚本语言，它可以用于网站开发中的各种功能，其中之一就是发起请求。发起请求可以让我们与服务器交互数据，获取所需信息，为用户提供更好的服务和体验。接下来将详细介绍JavaScript中如何发起请求。

JavaScript发起请求的方法有多种，常见的两种是XMLHttpRequest和Fetch API。下面分别介绍一下它们的用法。

XMLHttpRequest

XMLHttpRequest是一种原始的AJAX技术，可以在不刷新页面的情况下向服务器发送请求和接收响应。以下是使用XMLHttpRequest发起GET请求的代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onload = function() {
if (xhr.status === 200) {
console.log(xhr.response);
} else {
console.log('Request failed.  Returned status of', xhr.status);
}
};
xhr.send();

上述代码中，通过创建XMLHttpRequest对象来发起GET请求。open()方法用于指定请求方式、请求URL和是否异步，true代表异步请求。onload()方法则用于处理响应，当状态码为200时输出响应结果，否则输出错误信息。send()方法则发送请求。

使用XMLHttpRequest发起POST请求的代码如下：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'https://api.example.com/formdata', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onload = function() {
if (xhr.status === 200) {
console.log(xhr.response);
} else {
console.log('Request failed.  Returned status of', xhr.status);
}
};
var data = new FormData();
data.append('name', 'John');
xhr.send(data);

上述代码中，通过setRequestHeader()方法设置请求头，Content-Type为表单数据类型。使用FormData对象来生成表单数据并通过send()方法发送请求。

Fetch API

Fetch API是ES6新增的原生API，提供了更加简单方便的请求方式。以下是使用Fetch API发起GET请求的代码：

fetch('https://api.example.com/data')
.then(function(response) {
return response.json();
})
.then(function(data) {
console.log(data);
})
.catch(function(error) {
console.log('Request failed', error);
});

上述代码中，fetch()方法用于发起GET请求并返回一个Promise对象。then()方法用于处理响应并将响应结果解析为JSON格式，最后输出结果。catch()方法则用于处理错误信息。

使用Fetch API发起POST请求的代码如下：

fetch('https://api.example.com/formdata', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
},
body: new URLSearchParams({
name: 'John'
})
})
.then(function(response) {
return response.json();
})
.then(function(data) {
console.log(data);
})
.catch(function(error) {
console.log('Request failed', error);
});

上述代码中，通过fetch()方法发起POST请求，并通过method和headers参数指定请求方式和请求头。将表单数据通过URLSearchParams对象进行封装并通过body参数发送。then()和catch()方法同样用于处理响应和错误信息。

以上就是JavaScript中发起请求的详细介绍。对于程序员来说，了解发起请求的方法和技巧是非常重要的，它可以帮助我们实现更加出色的Web应用程序，并增加用户体验。希望这篇文章能够帮到大家，谢谢！