首页 > 其他分享 >将js中的 array 传输到后端

将js中的 array 传输到后端

时间:2023-05-01 16:01:45浏览次数:34  
标签:outList name JSONArray js 传输 var array inList data


前端JS代码:

var conditons = [];
var test1 = new Object();
test1.name="1";
test1.id="2";
var test2 = new Object();
test2.name="1";
test2.id="2";
conditons.push(test1);
conditons.push(test2);
$(function(){
  $.ajax({
    async:"false",
    type:'post',
    url:'链接', 
    data:{name:"123",conditions:JSON.stringify(conditons)},
    dataType : 'json', 
    success:function(data){
      console.log(data);
    },
    error: function (XMLHttpRequest, textStatus, errorThrown){
      alert("error");
    }
  });
});

重点注意:将对象数组转为JSON形式的字符串:JSON.stringify

后端获取:

String conditions = request.getParameter("conditions");
JSONArray conditionList = JSONArray.fromObject(conditions);

   JSONArray outListarray = JSONArray.fromObject(outListstr);
              JSONArray inListarray = JSONArray.fromObject(inListstr);
               List inList = JSONArray.toList(inListarray);
               List outList = JSONArray.toList(outListarray); 

java 后端接收

JSONArray outListarray = JSONArray.fromObject(outListstr);
		       JSONArray inListarray = JSONArray.fromObject(inListstr);
		       ArrayList inList = (ArrayList) JSONArray.toList(inListarray);
		       ArrayList outList = (ArrayList) JSONArray.toList(outListarray);

js接收后台java 中List  转换为array()

if(customerChannelFlag) {
                            waf.doPost({
                                action: "targetterminal",
                                async: false,
                                data: {
                                    _method: "entryChange",
                                    cellnames: "SelectcustomerChannelFlag",
                                    customerChannelFlag: customerChannelFlag,
                                    customerId: customer.id,
                                    materialId: material.id,
                                    billID:_self.getCurrentModel().id,
                                    row:rowText,
                                    key:cellname,
                                    adminOrgID: waf("#basedataDept").wafPromptBox("getValue")==null?"": waf("#basedataDept").wafPromptBox("getValue").id,
                                    outList : JSON.stringify(outList),//输出参数
                                    inList : JSON.stringify(inList)   // 输入参数 
                                },
                                success: function (data) {
                                    console.log("判断目标终端库外,提交状态下,不同地区下存在相同目标终端+产品申请---------------");
                                    console.log(data);
                                    var  flag = data.flag;
                                    var  org = data.org;
                                    var  person = data.person;
                                    inList=eval(data.inList);
                                    outList=eval(data.outList);
                                    customerChannelFlag:data.customerChannelFlag;
                                    if(flag=="false"){
                                        _self.showWarning("checkRepeat","校验提醒","您添加的数据【"
										+ customer.name.l2 + "/"
										+ material.name.l2
										+ "】已被其他区域定义过:【"
										+ org.name.l2
										+ "/" + person.name.l2
										+ "】" );
                                    }
                                }
                            }); 
                        }

 

 

标签:outList,name,JSONArray,js,传输,var,array,inList,data
From: https://blog.51cto.com/u_11343833/6238952

相关文章

  • 【Node 连载 3/9】如何高效开发表现层 Node.js 应用
    本文是2021年12月26日,第三十五届-前端早早聊【前端搞Node.js】专场,来自预测科技的技术总监——芋头的分享。感谢AI的发展,借助GPT的能力,最近我们终于可以非常高效地将各位讲师的精彩分享文本化后,分享给大家。(完整版含演示请看录播视频):https://www.zaozao.run/video/c......
  • chatGTP对js匿名函数的解答
    前言笔者在使用chatGTP的过程中发现它越来越聪明,它可以对一个问题连续的解答,也预示着chatGTP的出现,百度等搜索引擎的即将消亡,chatGTP是聪明的这令笔者是大吃一惊的下面是对chatGTP的问答内容chatGTP对js匿名函数的解答问1:能说说js中的匿名函数吗?答1:当函数没有名字时,我们称之......
  • TypeScript必知三部曲(二)JSX的编译与类型检查
    在本三部曲系列的第一部中,我们介绍了TypeScript编译的两种方案(tsc编译、babel编译)以及二者的重要差异,同时分析了IDE是如何对TypeScript代码进行类型检查的。该部分基本涵盖了TypeScript代码编译的细节,但主要是关于TS代码本身的编译与类型检查。而本文,我们将着重讨论含有JSX的Type......
  • 【web 开发基础】PHP自定义回调函数之call_user_func_array()
    前言从上一篇文章中我们了解到,回调函数是将一个函数作为参数传递到调用的函数中。如果在函数的格式说明中出现callback类型的参数,则该函数就是回调函数。虽然可以使用变量函数去声明自己的回调函数,不过我们通常大多还是会通过借助 call_user_func_array() 函数去实现。通过借助......
  • Django - json_script 模板语言,将queryset转换为前端json数据
     models.pyclassUser(models.Model):name=models.CharField(verbose_name="Name",max_length=64) serializer.pyclassUserSerializer(serializers.ModelSerializer):classMeta:model=Userfields=["name",......
  • JSP 的本质原理解析:"编写的时候是JSP,心里想解读的是 java 源码"
    JSP的本质原理解析:"编写的时候是JSP,心里想解读的是java源码"@目录JSP的本质原理解析:"编写的时候是JSP,心里想解读的是java源码"每博一文案1.JSP概述2.第一个JSP程序3.JSP的本质就是Servlet4.JSP的基础语法4.1在JSP文件中直接编写文字4.2在JSP中编写Java程序......
  • android开发中使用GZIP压缩传输
    1.class=javaname="code">HTTP压缩可以大大提高浏览网站的速度,它的原理是,在客户端请求网页后,从服务器端将网页文件压缩,再下载到客户端,由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML,CSS,Javascript,Text,它可以节省40%左右的流量。更为重要的是,它可以对动......
  • 【Node 连载 2/9】Node.js ORM 在语雀的探索与实践
    本文是2021年12月26日,第三十五届-前端早早聊【前端搞Node.js】专场,来自蚂蚁金服语雀前端团队——小珲的分享。感谢AI的发展,借助GPT的能力,最近我们终于可以非常高效地将各位讲师的精彩分享文本化后,分享给大家。(完整版含演示请看录播视频和PPT):https://www.zaozao.ru......
  • js常见混淆加密技术
    下面,我将通过一个案例来演示如何使用JavaScript混淆加密技术来保护你的网站。假设你有一个网站,其中包含一个登录页面,该页面的JavaScript代码如下所示:functionlogin(username,password){if(username==="admin"&&password==="123456"){alert("登录成功!");}els......
  • js在循环中使用正则失效异常的坑
    1、异常案例:使用正则匹配111constregular=/111/g;//匹配111//console.log(regular.test('111'));//true匹配成功//console.log(regular.test('111,111'));//true匹配成功constlist=['111','111'......