用js写一个订机票程序
时间: 2023-11-23 08:07:25 浏览: 28
由于订机票程序需要调用第三方接口进行航班查询、订票等操作,且需要涉及到支付等敏感信息,因此不适合在此处进行完整的代码编写。以下是一个简单的示例,仅供参考。
HTML部分:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>订机票</title>
</head>
<body>
<h1>机票订购</h1>
<form>
<label for="from">出发地:</label>
<input type="text" id="from" name="from"><br>
<label for="to">目的地:</label>
<input type="text" id="to" name="to"><br>
<label for="date">出发日期:</label>
<input type="date" id="date" name="date"><br>
<label for="num">乘客人数:</label>
<input type="number" id="num" name="num" min="1"><br>
<button type="button" onclick="search()">查询</button>
</form>
<div id="result"></div>
</body>
</html>
```
JavaScript部分:
```javascript
function search() {
var from = document.getElementById("from").value;
var to = document.getElementById("to").value;
var date = document.getElementById("date").value;
var num = document.getElementById("num").value;
// 调用第三方接口进行航班查询
// 将结果显示在页面上
document.getElementById("result").innerHTML = "查询结果:" + from + "-" + to + ",日期:" + date + ",乘客人数:" + num;
}
// 订票函数
function book() {
// 获取乘客信息、支付信息等
// 调用第三方接口进行订票
// 将结果显示在页面上
document.getElementById("result").innerHTML = "订票成功!";
}
```
以上代码仅为示例,实际情况可能需要调用多个接口、涉及到复杂的逻辑和处理。同时,需要注意保护用户隐私和安全。