潍v公交车实时查询下载 (潍v公交车实时查询)

天津桑拿 06-01 阅读:266 评论:0
潍v公交车实时查询下载 (潍v公交车实时查询)

本页面提供潍坊市公交车实时查询服务,方便市民出行。

CSS样式 css body {font-family: Arial, sans-serif;font-size: 16px; }h1 {font-size: 24px; }form {margin-top: 20px; }label {display: block;margin-bottom: 5px; }input[type="text"] {width: 200px;height: 25px;padding: 5px; }input[type="submit"] {width: 100px;height: 25px;padding: 5px;background-color: 008CBA;color: fff;border: none; }result {margin-top: 20px;padding: 10px;border: 1px solid ccc; }JavaScript脚本 javascript document.addEventListener("DOMContentLoaded", function() {var form = document.getElementById("form");form.addEventListener("submit", function(e) {e.preventDefault();var route = document.getElementById("route").value;var stop = document.getElementById("stop").value;var result = document.getElementById("result");result.innerHTML = "查询中...";var xhr = new XMLHttpRequest();xhr.open("GET", "query.php?route=" + route + "&stop=" + stop);xhr.onload = function() {if (xhr.status === 200) {result.innerHTML = xhr.responseText;} else {result.innerHTML = "查询失败,请稍后再试";}};xhr.send();}); });PHP查询脚本 php query($sql);// 输出查询结果 if ($result->num_rows) {$row = $result->fetch_assoc();echo "公交车位置:{$row['longitude']}, {$row['latitude']}"; } else {echo "查询无结果"; }// 关闭数据库连接 $mysqli->close(); ?>
版权声明

本文仅代表作者观点,不代表天津桑拿立场。
本文系作者授权发表,未经许可,不得转载。

相关推荐