ajax传参数json对象到后台获取（两种方式）

最新推荐文章于 2024-05-15 01:23:10 发布

转载最新推荐文章于 2024-05-15 01:23:10 发布 · 8.8k 阅读

文章标签：

#ajax #springmvc

Spring 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍如何使用AJAX进行异步数据交换，通过JSON格式处理前后端数据交互，包括数据提交、接收及处理方式。文章涵盖两种方法，一是利用$.ajax发送POST请求并解析JSON数据，二是执行刷新数据源的操作。

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

方法一：

var data = {data:{name:'pxxx',
                    paramData:[{dataSource:'a1',table:'t1',field:'f1','r':[{name1:"01",p:''},{name2:"02",p:'10,100'},{name2:"01",p:''}]},
                        {dataSource:'a2',table:'t2',field:'f2','r':[{name1:"01",p:''},{name2:"02",p:'10,100'},{name3:"01",p:''}]}]
                }};
$.ajax({
    type:"POST",
    async:false,    //是否异步
    cache:false,    //是否缓存
    dataType:'json',    //期待返回的数据类型text, json
    contentType : "application/json",    //如果想以json格式把数据提交到后台的话，这个必须有，否则只会当做表单提交
    url:"matePxxx/addPxx",    //传递页面
    data: JSON.stringify(data),    //json类型
    success:function (data) {
                    //删除对应行（tr）的DOM结构
    	        	obj.del(); 
    	        	//关闭提示框
    	    		layer.close(index);
                    layer.msg("删除成功", {icon: 6});
            }
});
 
@RequestMapping("/addPxx")
@ResponseBody
public Map<String,Boolean> addPxxx(@RequestBody JSONObject data){    //获取前台json
   System.out.println(data);
  return map;
}

方法二：

$.ajax({
                    type:"post",
                    dataType:"json",    //返回值类型
                    url:"DataSourceCheck/refreshDataSource",
                    data:{dataSourceId:dsId},    //键值型
                    success: function(data){
                                                    
                     }
});

 
@RequestMapping("refreshDataSource")
    @ResponseBody
    public boolean refreshDataAction(String dataSourceId){
        return true;
    }

dataType
类型：String

预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断，比如 XML MIME 类型就被识别为 XML。在 1.4 中，JSON 就会生成一个 JavaScript 对象，而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。可用值:

"xml": 返回 XML 文档，可用 jQuery 处理。
"html": 返回纯文本 HTML 信息；包含的 script 标签会在插入 dom 时执行。
"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意：在远程请求时(不在同一个域下)，所有 POST 请求都将转为 GET 请求。（因为将使用 DOM 的 script标签来加载）
"json": 返回 JSON 数据。
"jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。
"text": 返回纯文本字符串