@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 15:03:02 浏览: 23

这段代码看起来是一个 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对应了后端接口的请求参数。

相关推荐

stevenli91748#JAVA-Architecture#@GetMapping与 @PostMapping1

Spring注解 - 52注解 - 原稿笔记

Feign 调用其他微服务接口时，url地址匹配错误

@GetMapping与@RequestParam 连用

@GetMapping("/ok") public String ok(){ return "/ok"; }

优化代码，我想根据结果完成页面跳转@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"; } }

@RequestBody和@RequestParam String类型

@GetMapping("/toAddDormitory") public String toAddDormioty(){ return "admin/videoadd"; }

@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("/") public String goToPageSimple() { return "redirect:/order/0/10"; }

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

@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();

@RequestParam接收String[]

最新推荐

node-v0.8.10-sunos-x64.tar.gz

【课程设计】实现的金融风控贷款违约预测python源码.zip

zigbee-cluster-library-specification

管理建模和仿真的文件

实现实时数据湖架构：Kafka与Hive集成

SPDK_NVMF_DISCOVERY_NQN是什么 有什么作用

JSBSim Reference Manual

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

实现实时监控告警系统：Kafka与Grafana整合

Windows 运行Python脚本

SPDK_NVMF_DISCOVERY_NQN是什么有什么作用