当前位置: 民宿 > 成都旅游

附近宾馆查询100米内最近的 (附近宾馆查询500米内50至60元)

2024-10-18 15:31分类: 成都旅游 阅读:

 

<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();});


郑重声明:本文由:成都旅游于(2024-10-18)发表了关于附近宾馆查询100米内最近的 (附近宾馆查询500米内50至60元)的文章。如转载请注明出处!部分文章来源于网络,仅作为参考,如果网站中图片和文字侵犯了您的版权,请联系我们处理!

上一篇:附近宾馆查询100米内最近的如家 (附近宾馆查询500米内)

下一篇:500米内的宾馆 (500米内的家用烟囱怎么化解)

附近酒店推荐

关注我们

    民宿酒店不一样的选择,更好的体验