前端ajax以json格式提交form表单，后端接受类型为JSONObject

女爷i 2022-03-16 18:48 599阅读 0赞

前端使用ajax提交form表单，后端使用的JSONObject进行jie接收参数

var strdata = $("#add").serializeArray();
    	var obj={};//给obj分配内存
    	for(var i =0;i<strdata .length;i++){
    
             obj[strdata [i].name]=strdata [i]['value'];
         }
    	var str=  JSON.stringify(obj );//转换成string数据
        $.ajax({  
                type: "POST",   //提交的方法
    			dataType: "json",
    			contentType : 'application/json',
                url:"http://127.0.0.1:8090/role", //提交的地址  
                data: str,// 序列化表单值  
                async: false,  
                error: function(request) {  //失败的话
                     alert("Connection error");  
                },  
                success: function(data) {  //成功
                     alert(data);  //就将返回的数据显示出来
                     window.location.href="跳转页面"  
                }  
             });
           });

如果不经过for循环直接使用  JSON.stringify(strdata )；会导致数据为：

”\[\{name:"Name",value:"小明"\},\{name:"Age",value:"22"\},\{name:"Sex",value:"男"\}\]”//数组类型

所以要想得到：”\{Name":"小明"\},\{"Age":"22"\},\{"Sex":"男"\}”类型必须加入for循环，不加的话可以在后端进行处理。

@PostMapping(value = "/role")
        public void insertRole(@RequestBody JSONObject jsonObject) {
                String name = jsonObject.getString("Name");
                
            }
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，599人围观）

还没有评论，来说两句吧...

相关阅读

相关 Ajax提交form表单

Ajax提交form表单 $.ajax({ //几个参数需要注意一下 type: "PO

╰+攻爆jí腚メ/ 2022年12月11日 04:21/ 0 赞/ 256 阅读

相关使用ajax提交form表单

function mySubmit(){ var chapter=$("myForm").serialize(); $.ajax({ typ

比眉伴天荒/ 2022年08月23日 03:48/ 0 赞/ 270 阅读

相关 Ajax提交Form表单

1. 背景在java后台开发中，经常要从前端向后台提交表单数据。利用Ajax进行Form表单提交，是很常用的方法。本文主要讲解Ajax提交表单的基本应用。 2. Ajax

迷南。/ 2022年07月21日 01:47/ 0 赞/ 310 阅读

相关 ajax提交form表单

var form=document.getElementById("inspectForm");//inspectForm为Form表单的ID var f

浅浅的花香味﹌/ 2022年05月22日 22:12/ 0 赞/ 294 阅读

相关 Form表单提交JSON数据

1.定义方法 //定义serializeObject方法，序列化表单 $.fn.serializeObject = function() {

迈不过友情╰/ 2022年04月18日 03:38/ 0 赞/ 724 阅读

相关前端：form表单转换为Json数据

项目主页 [https://github.com/marioizquierdo/jquery.serializeJSON][https_github.com_mario

短命女/ 2022年03月20日 08:56/ 0 赞/ 640 阅读

相关前端ajax以json格式提交form表单，后端接受类型为JSONObject

前端使用ajax提交form表单，后端使用的JSONObject进行jie接收参数 var strdata = $("add").serializeArray();

女爷i/ 2022年03月16日 18:48/ 0 赞/ 600 阅读

相关 form表单提交（非ajax提交）前表单校验

<form action="{:url('index/index/loginadd')}" method="post" > <div class="userN

ゝ一世哀愁。/ 2021年10月13日 02:59/ 0 赞/ 645 阅读

相关 layui ajax form 表单提交后清空

1、![20190723152342754.png][] 2、ajax 提交成功后，执行 $("\my\_question")\[0\].reset(); ![201907

旧城等待，/ 2021年09月30日 03:46/ 0 赞/ 773 阅读

相关 layui form 表单ajax 提交

layui.use(['form','jquery'],function(){ //var form = layui.form(),

港控/mmm°/ 2021年09月30日 02:42/ 0 赞/ 848 阅读