请输入您的当前位置，我们将找到您附近的旅馆或景点。

当前位置: 目的地类型: <ｓｅｌｅｃｔ id="type" name="type"> 旅馆 景点

<ｓｃｒｉｐｔ> // 异步发送请求并处理响应function search() {// 获取用户输入const location = document.getElementById('location').value;const type = document.getElementById('type').value;// 准备请求const request = new XMLHttpRequest();request.open('GET', `search.php?location=${location}&type=${type}`);request.onload = () => {// 处理响应if (request.status === 200) {// 解析响应数据const data = JSON.parse(request.responseText);displayResults(data);} else {alert('出现错误，请重试。');}};// 发送请求request.send();}// 显示搜索结果function displayResults(data) {// 获取结果容器const results = document.getElementById('results');// 创建无序列表const list = document.createElement('ul');list.classList.add('location-list');// 遍历搜索结果并创建列表项data.forEach(location => {// 创建列表项const item = document.createElement('li');item.classList.add('location-item');// 创建标题const title = document.createElement('h3');title.innerText = location.name;// 创建描述const description = document.createElement('p');description.innerText = location.description;// 将标题和描述添加到列表项item.appendChild(title);item.appendChild(description);// 将列表项添加到无序列表list.appendChild(item);});// 将无序列表添加到结果容器results.appendChild(list);}// 在页面加载时执行搜索window.onload = search;

上一篇：酒店民宿预定 (酒店民宿预定app)

下一篇：开城市民宿 (开城市民宿需要什么手续和要求)