JSON是一种轻量级的数据交换格式，它通过简单易懂的键值对来描述数据，因此在前后端传值时很常用。而AJAX（Asynchronous JavaScript and XML）则是一种前端技术，可以实现页面的异步更新。在AJAX中，我们可以通过JSON传值来完成前端和后端之间的数据交互。

在前端通过JSON传值时，一般是将数据转换为JSON格式的字符串，再通过AJAX发送到服务器。例如：

var obj = {
  "name": "张三",
  "age": 18,
  "gender": "男"
};
var jsonString = JSON.stringify(obj); // 将obj转换为JSON格式的字符串
$.ajax({
  url: "/api/user",
  type: "POST",
  data: jsonString,
  contentType: "application/json; charset=utf-8",
  dataType: "json",
  success: function(result) {
    console.log("请求成功！");
  },
  error: function(xhr, status, error) {
    console.error("请求出错：" + error);
  }
});

上述代码中的obj是一个JavaScript对象，我们使用JSON.stringify()方法将其转换为JSON格式的字符串，再将其作为数据通过AJAX发送到服务器。在AJAX的data选项中，我们需要声明发送的数据是JSON格式的，因此设置contentType为“application/json; charset=utf-8”，dataType为“json”，表示接收到的响应数据也是JSON格式的。

在后端接收到前端传来的JSON数据时，一般会将其解析为对应的数据类型（例如Java中可以使用Gson库来实现），处理完后再将数据转换为JSON格式的字符串返回给前端。例如：

@RequestMapping(value = "/user", method = RequestMethod.POST)
@ResponseBody
public String addUser(@RequestBody User user) {
  // 对接收到的JSON数据进行解析，得到User对象
  // 处理User对象，例如将其存储到数据库中
  // 处理完毕后将结果封装成JSON格式的字符串并返回
  UserInfo userInfo = userService.queryUserInfoById(user.getId());
  Map resultMap = new HashMap<>();
  resultMap.put("status", "success");
  resultMap.put("data", userInfo);
  return new Gson().toJson(resultMap);
}

上述代码中的User对象是从请求体中解析得到的，其中Gson库是用来完成JSON和Java对象间的转换，将处理后的结果存储在Map对象中，最后通过Gson将结果转换为JSON格式的字符串返回给前端。