ajax前后台传json

AJAX（Asynchronous JavaScript and XML）是一种前端技术，可以异步地从后台获取数据，实现局部刷新或表单提交等操作，增强了用户体验。

ajax前后台传json

在前后台传输数据时，常常使用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开发中必不可少的技术手段。

ajax前后台传json

相关文章