<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/new_file.js"></script> <script type="text/javascript"> $('#myForm').submit(function(event) { event.preventDefault(); var btype = $("input[name=btype]").val(); // 发送 Ajax 请求 $.ajax({ url: "http://localhost:8080/booktype/add", type: "POST", data: {btype:btype}, success: function(response) { console.log(response); } }); }); </script> </head> <body> <form id="myForm"> 新增分类:<input type="text" name="btype"> <input type="submit" value="提交"> </form> </body> </html>
时间: 2023-08-14 19:00:40 浏览: 433
你的代码中有一个表单,用于新增分类。当表单提交时,使用Ajax发送POST请求到"http://localhost:8080/booktype/add",请求数据中包含分类名称(btype)。成功后,将服务器的响应打印到控制台。
需要注意的是,请求的URL是本地主机的地址,端口号为8080。确保服务器正在运行,并监听该端口。另外,确保你引入了jQuery库,因为你使用了$符号来选择表单并处理提交事件。
阅读全文