在现代 Web 开发中，Javascript 已经成为了不可或缺的一部分。通过 Javascript，我们可以操作 DOM，改变网页内容，检测用户交互以及和后台进行数据交互等。而在数据交互中最常用的方式就是请求数据。请求数据有两种方式：GET 和 POST。其中，GET 请求是比较常用的一种，也是比较简单的一种。下面将介绍如何使用 Javascript 发送 GET 请求。

发送 GET 请求，我们需要用到 XMLHTTPRequest 对象。该对象可以向服务器发送请求，接收服务器回传的数据，并且更新网页内容。下面是一个简单的 GET 请求的例子：

var xhr = new XMLHTTPRequest();
xhr.open("GET", "http://www.example.com/data", true); // 设置请求的地址和参数，第三个参数为异步请求，默认为true
xhr.onreadystatechange = function() { // 用于接收响应数据
if (this.readyState === 4 && this.status === 200) { // 判断响应状态码
console.log(this.responseText); // 打印响应数据
}
};
xhr.send(); // 发送请求

上面代码中，我们首先创建了一个 XMLHTTPRequest 对象，然后使用 open() 方法来设置请求信息，其参数含义如下：

• GET 请求方式
• http://www.example.com/data 请求地址
• true 表示该请求是异步请求

我们还给 xhr 对象设置了一个 onreadystatechange 事件监听器，用来接收响应数据。当请求状态发生改变时，该事件监听器便会被触发。这个监听器还需要判断响应状态码是否为 200，如果是则使用 responseText 属性来获取响应的数据。最后，我们使用 send() 方法来完成请求发送。

除了使用原生的 XMLHTTPRequest 方法来发送 GET 请求之外，我们还可以使用第三方库来简化我们的代码。比如，使用 jQuery 库可以使我们的代码更加简洁和易读。下面是一个使用 jQuery 发送 GET 请求的例子：

$.get("http://www.example.com/data", function(data) { // 发送 GET 请求
console.log(data); // 打印响应数据
});

上面的代码中，我们使用 jQuery 提供的 $.get() 方法来发送 GET 请求，该方法有两个参数：

• http://www.example.com/data 请求地址
• 请求成功后执行的回调函数，该函数会接受到响应数据

相比于原生的 XMLHTTPRequest，使用 jQuery 库发送 GET 请求更加方便快捷。

总之，发送 GET 请求是在 Web 开发中比较常见的一种操作。通过本文所介绍的两种方式，你可以轻松地向服务器发送 GET 请求并获取响应数据。在实际开发中，你可以根据自己的需求来选择合适的发送 GET 请求的方式，以达到更加优秀的用户体验。