明光机场航班动态查询 (明光机场最新动态)

合肥桑拿 05-07 阅读:7 评论:0
明光机场航班动态查询 (明光机场最新动态)
航班号 航空公司 出发 / 到达时间 出发 / 到达机场 状态
javascript // javascript 脚本const submitBtn = document.getElementById('submit-btn'); const results = document.getElementById('results'); const flightTable = document.getElementById('flight-table');submitBtn.addEventListener('click', (e) => {e.preventDefault();// 获取查询参数const arrivalDeparture = document.getElementById('arrival-departure').value;const date = document.getElementById('date').value;// 构建查询 URLconst url = `${arrivalDeparture}&date=${date}`;// 发送请求fetch(url).then((response) => response.json()).then((data) => {// 解析航班数据const flights = data.flights;// 清空表格中的行flightTable.tBodies[0].innerHTML = '';// 遍历航班数据并创建表格行flights.forEach((flight) => {const row = flightTable.insertRow();// 创建单元格const flightNumberCell = row.insertCell();const airlineCell = row.insertCell();const timeCell = row.insertCell();const airportCell = row.insertCell();const statusCell = row.insertCell();// 设置单元格内容flightNumberCell.textContent = flight.flight_number;airlineCell.textContent = flight.airline;timeCell.textContent = `${flight.departure_time} / ${flight.arrival_time}`;airportCell.textContent = `${flight.departure_airport} / ${flight.arrival_airport}`;statusCell.textContent = flight.status;});// 显示结果results.classList.remove('hidden');}).catch((error) => {console.error('Error fetching flights:', error);alert('获取航班信息失败,请稍后再试。');}); });
版权声明

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

分享:

扫一扫在手机阅读、分享本文