Ajax传递数据前后端代码样例

xRouter

已于 2023-07-12 09:01:10 修改

阅读量230

点赞数

CC 4.0 BY-SA版权

文章标签： ajax 前端 java

于 2023-07-12 08:56:19 首次发布

本文链接：https://blog.youkuaiyun.com/xRouter/article/details/131673495

该代码片段展示了一个前端使用jQuery的$.ajax方法进行POST请求，传递JSON数据到后端。后端则通过@RequestBody和@PostMapping注解接收并处理数据，返回AjaxResult。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端

$.ajax({
 url:prefix+'/testSave',
 data:JSON.stringify({"a":1,"b":2}),
 cache:false,
 contentType:'application/json;charset=utf-8',
 type:'POST',
 success:function(result){
    alert(result.msg);
  }
});

后端

@PostMapping("/testSave")
@ResponseBody
public AjaxResult testSave(@RequestBody Map map){
   return AjaxResult.success("处理成功！", map);
}