在前端开发中，我们经常需要与服务器进行数据交互。而要与服务器进行数据交互，就需要发送请求。在 JavaScript 中，我们可以通过指定请求地址来发送请求。请求地址是一个 URL，它包含了服务器的地址和要访问的资源的路径。发送请求的方式有多种，常见的有 GET 和 POST 请求。GET 请求用于获取服务器上的资源，而 POST 请求用于向服务器提交数据。无论是 GET 请求还是 POST 请求，都需要指定请求地址。GET 请求GET 请求是最常见的请求方式之一。它通常用于获取服务器上的数据。在 JavaScript 中，我们可以使用 XMLHttpRequest 对象来发送 GET 请求。下面是一个使用 GET 请求获取数据的例子：
javascriptvar xhr = new XMLHttpRequest();xhr.open('GET', 'http://example.com/data', true);xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var response = JSON.parse(xhr.responseText); console.log(response); }};xhr.send();
在这个例子中，我们创建了一个 XMLHttpRequest 对象，并通过 open 方法指定了请求的方式和地址。第一个参数是请求方式，这里是 GET；第二个参数是请求地址，这里是 http://example.com/data；第三个参数指定了请求是否异步，这里是 true，表示异步请求。然后，我们通过 onreadystatechange 事件监听对象的状态变化。当 readyState 变为 4 时，表示请求已完成。并且通过 status 属性判断响应的状态码是否为 200，表示请求成功。最后，我们通过 responseText 属性获取服务器返回的数据，并将其解析为 JSON 格式。POST 请求POST 请求用于向服务器提交数据。在 JavaScript 中，我们同样可以使用 XMLHttpRequest 对象来发送 POST 请求。下面是一个使用 POST 请求提交数据的例子：
javascriptvar xhr = new XMLHttpRequest();xhr.open('POST', 'http://example.com/submit', true);xhr.setRequestHeader('Content-Type', 'application/json');xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var response = JSON.parse(xhr.responseText); console.log(response); }};var data = { name: 'John', age: 25};xhr.send(JSON.stringify(data));
在这个例子中，我们同样创建了一个 XMLHttpRequest 对象，并通过 open 方法指定了请求的方式和地址。然后，我们通过 setRequestHeader 方法设置请求头的 Content-Type 属性，告诉服务器我们提交的数据是 JSON 格式。接着，我们通过 onreadystatechange 事件监听对象的状态变化，获取服务器返回的响应数据。最后，我们创建了一个包含 name 和 age 属性的对象，并通过 JSON.stringify 方法将其转换为 JSON 字符串，并通过 send 方法发送请求。通过 JavaScript 中的请求地址，我们可以与服务器进行数据交互。无论是 GET 请求还是 POST 请求，都需要指定请求地址。GET 请求用于获取服务器上的数据，而 POST 请求用于向服务器提交数据。我们可以使用 XMLHttpRequest 对象来发送请求，并通过监听对象的状态变化获取服务器返回的响应数据。以上是关于 JavaScript 中的请求地址的介绍和示例代码。希望对你理解和使用 JavaScript 发送请求有所帮助。