ajax HTTPGET请求

Ajax HTTP GET请求是通过XMLHttpRequest对象发送的一种异步请求数据的方法。在前端页面中，可以通过创建XMLHttpRequest对象、设置请求方法和URL，然后发送请求来实现。例如，在前端页面中准备一个按钮和一个用于显示结果的div元素：

<button>点击发送请求</button>
<div id="result"></div>

然后，在按钮的点击事件中编写代码来发送GET请求并处理响应。可以通过创建XMLHttpRequest对象、设置请求方法和URL，然后利用send()方法发送请求，最后在onreadystatechange事件中处理响应。例如：

const btn = document.getElementsByTagName('button');
const resultDiv = document.getElementById('result');
btn.onclick = function() {
const xhr = new XMLHttpRequest();
xhr.open('GET', 'http://127.0.0.1:8000/server?a=100&b=200&c=300');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
resultDiv.innerText = xhr.responseText;
}
};
xhr.send();
};

在服务端准备好的情况下，可以使用express框架创建一个路由规则，监听客户端发送的GET请求，并返回响应。例如，可以创建一个/server路由，当接收到请求时，设置允许跨域的响应头，并发送一个简单的字符串作为响应体。例如：

const express = require('express');
const app = express();

app.get('/server', (request, response) => {
response.setHeader('Access-Control-Allow-Origin', '*');
response.send('HELLO AJAX');
});

app.listen(8000, () => {
console.log("服务已经启动...");
});

通过以上的前端和服务端代码，当用户点击按钮时，会发送一个HTTP GET请求到服务器，并将服务器返回的响应体显示在div中。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>