<script> function getHotels() {// 获取表单数据const radius = document.getElementById("radius").value;const priceMin = document.getElementById("price-min").value;const priceMax = document.getElementById("price-max").value;// 创建查询字符串const queryString = `?radius=${radius}&price-min=${priceMin}&price-max=${priceMax}`;// 发送 HTTP GET 请求获取酒店数据fetch(`api/hotels${queryString}`).then(response => {if (response.ok) {return response.json();} else {throw new Error("查询失败");}}).then(data => {// 显示酒店信息const resultsElement = document.getElementById("results");resultsElement.innerHTML = "";for (const hotel of data) {const hotelElement = document.createElement("div");hotelElement.innerHTML = `
${hotel.name}
地址:${hotel.address}
价格:${hotel.price} 元
距离:${hotel.distance} 米
`;resultsElement.appendChild(hotelElement);}}).catch(error => {alert("查询失败");});}// 提交表单时进行查询const form = document.querySelector("form");form.addEventListener("submit", (event) => {event.preventDefault();getHotels();}); script>