美文网首页
Ajax List对象传参

Ajax List对象传参

作者: 会九卦的兔子 | 来源:发表于2018-11-15 13:55 被阅读0次

第一:构造适用于Spring的List对象参数

var form = new FormData();
$.each(data,function(i,item){
    form.append("users[" + i + "].createDate", new Date(data[i].createDate));
    form.append("users[" + i + "].name", data[i].name);
    form.append("users[" + i + "].id", data[i].id);
}); 

$.ajax({
    url: "",
    type: 'POST',
    data: form,                    // 上传formdata封装的数据
    dataType: 'JSON',
    cache: false,                      // 不缓存
    processData: false,                // jQuery不要去处理发送的数据
    contentType: false,                // jQuery不要去设置Content-Type请求头
}).success(function(data) {
    console.log("do something");
});

第二:页面构键一个虚拟的表单,你可以隐藏起来,提交表单

<form action="" method="post" id="dataForm">
       <div class="row" id="dataDiv">
       </div>
</form>

javaScript

$("#dataDiv").append('<input name="users['+i+'].name" type="hidden" value="'+ data[i].name +'" >');
$('#dataForm').submit();

相关文章

  • Ajax List对象传参

    第一:构造适用于Spring的List对象参数 第二:页面构键一个虚拟的表单,你可以隐藏起来,提交表单 javaS...

  • spring MVC 入参 List

    spring 入参 或者 入参自定义对象 如果包含 List 可以正常使用spring 入参 或者 入参自定义对...

  • ajax 用法

    https://www.w3school.com.cn/jquery/ajax_ajax.asp 01 ajax参...

  • vue-router

    vue传参两种方式 1、对象传参2、路径传参 vue路由两种模式 1、hash模式 onhashchange2、h...

  • 06|第六课:入参为HashMap和Mybatis调用存储过程

    一、历史回顾 (一)、历史回顾 1、对象传值 二、入参为HashMap和Mybatis调用存储过程 (一)、入参为...

  • AJAX

    传统使用AJAX的方式 jQuery使用Ajax的方式 Ajax响应的数据格式 将list集合数据转换成xml数据...

  • 2、SpringBoot和Mybatis的集成练习

    关于参数 1、路径参数 2、? 传参 3、json对象传参 实战(进行数据库表的增删改查) pom配置文件 连接数...

  • dayTwo SpringBoot和Mybatis的集成练习

    关于参数 1、路径参数 2、? 传参 3、json对象传参 实战(进行数据库表的增删改查) pom配置文件 连接数...

  • 对象传参后值的变化

    在java里传参传递的都是值: 基本数据类型传递的是数据的值。调用者(方法体外部)和被调用者(方法体内部)用的是两...

  • ref、reactive、toRef、toRefs使用与区别

    reactive只能传入对象传参:reactive(arg)arg为普通对象返回响应式对象,不管层级多深,都能响应...

网友评论

      本文标题:Ajax List对象传参

      本文链接:https://www.haomeiwen.com/subject/irlyfqtx.html