AJAX(Asynchronous JavaScript and XML)是一种前端技术,可以异步地从后台获取数据,实现局部刷新或表单提交等操作,增强了用户体验。
在前后台传输数据时,常常使用JSON(JavaScript Object Notation)格式,以表达更为简明的数据结构。
// 前台将数据转换为JSON格式 var data = { name: 'John',age: 24 }; var jsonData = JSON.stringify(data); // 结果为 {"name":"John","age":24}
通过AJAX发送JSON格式数据到后台:
// 发送请求 $.ajax({ url: '/api/user',type: 'POST',contentType: 'application/json;charset=utf-8',data: jsonData,dataType: 'json',success: function(result) { console.log(result); } });
后台解析接收到的JSON格式数据:
// 后台获取JSON格式数据 @PostMapping("/api/user") public User addUser(@RequestBody User user) { System.out.println(user.getName()); // John System.out.println(user.getAge()); // 24 return user; }
上述示例中,JSON.stringify()
将JS对象转换为JSON格式字符串,其中contentType指定了请求的数据类型为JSON,$.ajax()
使用dataType指定了响应的数据类型也为JSON,@RequestBody
则可以将JSON字符串转换为Java对象。
AJAX和JSON这两种技术,使得前后台交互变得更加快捷、高效,成为了Web开发中必不可少的技术手段。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。