使用SpringMVC框架技术完成JSON数据交互。在页面中输入用户名和密码,用户名为jack,密码为123,页面可以弹出对话框显示用户名和密码数据,控制台也会显示相应数据。 userController.java: @RequestMapping("/testJson") @ResponseBody public User testJson(@RequestBody User user) { System.out.println(user); return user; } index.jsp: <script type="text/javascript"> function testJson(){ var username = $("#username").val(); var password = $("#password").val(); $.ajax({ }); } </script> <form> </form>
时间: 2024-04-21 15:28:39 浏览: 107
完整版 Java开发实训课程系列-SpringMVC框架技术教程 第7章 文件上传和json数据交互 (共30页).pptx
好的,这是一个使用SpringMVC框架技术完成JSON数据交互的示例。在这个示例中,我们创建了一个名为userController的Java类,并在其中创建了一个名为testJson的方法,使用@RequestMapping注释将其映射到"/testJson"请求路径上,并使用@ResponseBody注释将其返回值转换为JSON格式的响应。该方法的参数使用@RequestBody注释表示从请求体中获取JSON数据,并将它转换为User对象。在这个方法中,我们使用System.out.println()函数打印出获取到的User对象,并将其返回。
在前端,我们使用jQuery库中的$.ajax()函数创建了一个名为testJson的函数,并在其中获取了用户名和密码的值,并将它们作为JSON数据发送到服务器端。在这个函数中,我们设置了type、url、data、dataType等参数,其中type参数表示请求类型,url参数表示请求路径,data参数表示发送的数据,dataType参数表示响应数据的类型。在这个示例中,我们将dataType设置为"json",表示期望从服务器端获取JSON格式的响应数据。当服务器端返回响应数据时,我们将其打印到控制台,并在页面中弹出对话框显示用户名和密码数据。
在页面中,我们创建了一个简单的HTML表单,并在其中包含了两个输入框用于输入用户名和密码。当用户点击提交按钮时,将调用testJson()函数发送JSON数据到服务器端。
阅读全文