指出下列代码的错误,并给出改正后的代码<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>民航查询</title> </head> <body> <h1>民航查询</h1> <form> <label for="flightNumber">航班号:</label> <input type="text" id="flightNumber" name="flightNumber"><br><br> <label for="date">日期:</label> <input type="date" id="date" name="date"><br><br> <input type="submit" id="submit" value="Submit"> </form> <div id="航班号"></div> <div id="出发地"></div> <div id="目的地"></div> <div id="日期"></div> <div id="起飞时间"></div> <div id="到达时间"></div> <div id="余票数"></div> <div id="票价"></div> <div id="折扣数"></div> <div id="折扣"></div> <div id="航空公司"></div> <script> $(function (){ $("#submit").on('click',function () { $.get('/flightQuery',{flightNumber: Number, date: day},function (res){ for (var key in res) { // 将属性的值渲染到页面中 document.getElementById(key).innerHTML = key +": "+ response[key]; } }) }) }) </script> </body> </html>
时间: 2023-08-14 10:16:22 浏览: 47
该代码存在以下问题:
1. 缺少引入 jQuery 库的代码,导致 $ 符号无法使用。
2. 在 $.get() 方法中,未定义 Number 和 day 变量,应该使用 $("#flightNumber").val() 和 $("#date").val() 来获取表单输入的值。
3. 在 $.get() 方法中,回调函数的参数名称应该为 res 而不是 response。
4. 在循环中,应该使用 res[key] 而不是 response[key]。
5. 在标签中使用中文作为 id 属性值,不规范。
改正后的代码如下:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>民航查询</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<h1>民航查询</h1>
<form>
<label for="flightNumber">航班号:</label>
<input type="text" id="flightNumber" name="flightNumber"><br><br>
<label for="date">日期:</label>
<input type="date" id="date" name="date"><br><br>
<input type="submit" id="submit" value="Submit">
</form>
<div id="flightNumberResult"></div>
<div id="departureResult"></div>
<div id="destinationResult"></div>
<div id="dateResult"></div>
<div id="takeoffTimeResult"></div>
<div id="landingTimeResult"></div>
<div id="availableTicketsResult"></div>
<div id="ticketPriceResult"></div>
<div id="discountRateResult"></div>
<div id="discountResult"></div>
<div id="airlineResult"></div>
<script>
$(function (){
$("#submit").on('click',function () {
var flightNumber = $("#flightNumber").val();
var date = $("#date").val();
$.get('/flightQuery',{flightNumber: flightNumber, date: date},function (res){
for (var key in res) {
// 将属性的值渲染到页面中
document.getElementById(key + "Result").innerHTML = key +": "+ res[key];
}
})
})
})
</script>
</body>
</html>
```