请输入您的当前位置或城市名称，即可查询附近的补胎服务电话。
补胎服务电话列表
javascript
// script.jsconst results = document.getElementById('results');function displayResults(data) {// 清除之前的查询结果results.innerHTML = '';// 循环显示查询结果for (let i = 0; i < data.length; i++) {const result = data[i];const listItem = document.createElement('li');const name = document.createElement('h4');const phone = document.createElement('p');name.textContent = result.name;phone.textContent = result.phone;listItem.appendChild(name);listItem.appendChild(phone);results.appendChild(listItem);}
}// 处理查询提交事件
const form = document.querySelector('form');
form.addEventListener('submit', (event) => {event.preventDefault();// 获取用户输入的位置或城市名称const location = document.querySelector('input[name="location"]').value;// 向服务器发送查询请求fetch('api.php?location=' + location).then((response) => response.json()).then((data) => displayResults(data)).catch((error) => {console.error('Error querying API: ', error);alert('查询补胎服务电话时出错，请稍后再试。');});
});
php
// api.php
'轮胎修理店 A','phone' => '123-456-7890'],['name' => '轮胎修理店 B','phone' => '987-654-3210']];return $results;
}
