@GetMapping("/flightQuery") public String queryFlight(@RequestParam("flightNum") String flightNum, @RequestParam("date") String date) { FlightDO flightDO = adminService.query(flightNum,date); return flightDO.getCompany(); }和<script> $(document).ready(function() { // 查询按钮点击事件 $("#search-btn").click(function() { // 获取用户输入的查询信息 var flightNum = $("#flight-num").val(); var date = $("#date").val(); // 发送请求给后端 $.ajax({ url: "/flightQuery", type: "GET", data: { "flightNum": flightNum, "date": date }, success: function(data) { // 将查询结果显示在中间框中 $("#result").html(data); } }); }); // 退出按钮点击事件 $("#logout-btn").click(function() { // 跳转到首页 window.location.href = "/"; }); }); </script>报错500的原因1

时间: 2024-01-18 14:03:02 浏览: 77

这段代码看起来是一个 Spring Boot 的控制器，处理 GET 请求，其中 @GetMapping("/flightQuery") 注解指定了接收的请求路径。在接收到该请求后，会调用 adminService 中的 query 方法，查询航班信息并返回航班公司名称。前端页面通过 jQuery 的 ajax 方法向该接口发送 GET 请求，请求参数为航班号和日期，成功后将返回的结果显示在页面上。报错 500 可能是因为 adminService.query(flightNum,date) 方法出错了，或者是返回的 FlightDO 对象中的 company 属性为 null。你需要查看控制台的异常信息来定位具体的原因。

根据下列代码@GetMapping("/flightQuery") public String queryFlight(@RequestParam("flightNum") String flightNum, @RequestParam("date") String date) { FlightDO flightDO = adminService.query(flightNum,date); return flightDO.getCompany(); }写出对应的民航系统HTML页面，包括输入框输入航班号，日期选择，点击查询按钮，发送对应请求到后端，并将后端返回的数据渲染到HTML页面上

以下是一个简单的HTML页面，包括一个表单，用户可以在表单中输入航班号和日期，并点击查询按钮以查询航班信息。当用户点击查询按钮时，页面将会发送请求到后端，并将返回的航班信息展示在页面上。 ``` <!DOCTYPE html> <html> <head> <title>民航系统</title> </head> <body> <h1>查询航班信息</h1> <form id="flightQueryForm" action="/flightQuery" method="GET"> <label for="flightNum">航班号:</label> <input type="text" id="flightNum" name="flightNum" required><br><br> <label for="date">日期:</label> <input type="date" id="date" name="date" required><br><br> <input type="submit" value="查询"> </form> <div id="flightInfo"></div> <script> const form = document.querySelector('#flightQueryForm'); const flightInfoDiv = document.querySelector('#flightInfo'); form.addEventListener('submit', (event) => { event.preventDefault(); const flightNum = document.querySelector('#flightNum').value; const date = document.querySelector('#date').value; fetch(`/flightQuery?flightNum=${flightNum}&date=${date}`) .then(response => response.json()) .then(data => { flightInfoDiv.innerHTML = ` <p>航空公司: ${data.company}</p> <p>出发机场: ${data.departureAirport}</p> <p>到达机场: ${data.arrivalAirport}</p> <p>出发时间: ${data.departureTime}</p> <p>到达时间: ${data.arrivalTime}</p> `; }) .catch(error => { console.error('查询航班信息失败', error); }); }); </script> </body> </html> ```

@GetMapping("/flightQuery") @ResponseBody public FlightDO queryFlight(@RequestParam String flightNumber, @RequestParam String date) { FlightDO flights = adminService.query(flightNumber, date); return flights; }写出对应的民航查询htnl页面，包括一个输入框输入航班号，和一个日期选择，以及一个提交按钮

以下是一个简单的民航查询HTML页面，包含一个输入框输入航班号，一个日期选择器和一个提交按钮。 ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>民航查询</title> </head> <body> <h1>民航查询</h1> <form action="/flightQuery" method="GET"> <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" value="提交"> </form> </body> </html> ``` 在这个页面中，表单的action属性指向了对应的后端接口路径，使用GET方法提交表单数据，flightNumber和date对应了后端接口的请求参数。

阅读全文

相关推荐

springmvc关于@requestMapping和@requestParam的使用

stevenli91748#JAVA-Architecture#@GetMapping与 @PostMapping1

@PathVariable和@RequestParam的区别1

@GetMapping("/prepare/serach") public Result preserach(@RequestParam String username, @RequestParam String componname, @RequestParam String tel){ List<queryorder> serach = orderService.preserach(username, componname, tel); if (serach != null) return Result.success(serach); return Result.error(); }

@GetMapping("/serach") public Result serach(@RequestParam String username, @RequestParam String componname, @RequestParam String tel){ List<queryorder> serach = orderService.serach(username, componname, tel); if (serach != null) return Result.success(serach); return Result.error();

优化代码，我想根据结果完成页面跳转@GetMapping("/login") public String showUserLoginForm(@RequestParam String username, @RequestParam String password) { boolean flag = userService.login(username,password); if(flag){ return "query.html"; }else { return "404.html"; } }

帮我优化一下下列代码: @GetMapping("/hello") public String sayHello(@RequestParam(required = false, name = "who") String who) { if (StrUtil.isBlank(who)) { who = "World"; } return StrUtil.format("Hello, {}!", who); }

基于智能温度监测系统设计.doc

搜广推推荐系统中传统推荐系统方法思维导图整理-完整版

2023-04-06-项目笔记 - 第三百五十五阶段 - 4.4.2.353全局变量的作用域-353 -2025.12.22

和美乡村城乡融合发展数字化解决方案.docx

CNN基于Python的深度学习图像识别系统

最新推荐

基于智能温度监测系统设计.doc

搜广推推荐系统中传统推荐系统方法思维导图整理-完整版

2023-04-06-项目笔记 - 第三百五十五阶段 - 4.4.2.353全局变量的作用域-353 -2025.12.22

GitHub图片浏览插件：直观展示代码中的图像

管理建模和仿真的文件

【OPPO手机故障诊断专家】：工程指令快速定位与解决

求[100，900]之间相差为12的素数对（注：要求素数对的两个素数均在该范围内）的个数

Android IPTV项目：直播频道的实时流媒体实现

"互动学习：行动中的多样性与论文攻读经历"

【OPPO手机工程模式终极指南】：掌握这些秘籍，故障排查不再难！