前端打印通过form表单格式向服务端传递的参数

￡神魔★判官ぃ 2022-09-11 10:15 15阅读 0赞

文章转载自：[程序猿雪儿][Link 1]  
https://www.cnblogs.com/cuteCoderSnow

var m_params = getOptions(); 
    	   
    		for(let i=0;i< self.files.length;i++){ 
    		    param.append('file', self.files[i]);//通过append向form对象添加数据
    		}
    		
    		var m_params = getOptions();
    		param.append("name", values.name);
    		param.append("master", values.master);
    		param.append("type", values.type);
    		param.append("startTime", values.accountEffect);
    		param.append("stopTime", values.accountFailure);
    		param.append("phone", values.phone);
    		param.append("userId", m_params.userId);
    		param.append("channel_id", m_params.channelId);
    		var m_url = "";
    		if(!self.id){ 
    		    m_url = "/channel/addChannel";
    		    self.loadingFailure  = false;
    		}else{ 
    		    m_url = "/channel/editChannel";
    		    // m_params.id = self.id;
    		    param.append("id", self.id)
    		}
    		param.forEach((value, key) => { 
    		    console.log(`key ${ key}: value ${ value}`);
    		})
    		axios({ 
    		    url: window._CONFIG['domianURLXunHu'] + m_url,
    		    data: param,
    		    method:'post' ,
    		    headers: { 
    		        'Content-Type': 'multipart/form-data',  // 文件上传
    		    },
    		});

> form表单的参数比较特殊，正常的console.log(formData)是什么都打印不出来的  
> 用如下的方式打印

param.forEach((value, key) => { 
               console.log(`key ${ key}: value ${ value}`);
     })

打印出来的效果  
![在这里插入图片描述][802a90dce9cc4470bcbf627a51d2b55c.png]

[Link 1]: https://www.cnblogs.com/cuteCoderSnow
[802a90dce9cc4470bcbf627a51d2b55c.png]: /images/20220828/4684311ababa4a20af16bdc99a26e4f4.png

发表评论取消回复

表情：

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

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

相关阅读

相关 form标签multipart/form-data 文件上传表单中传递参数无法获取的原因!

JAVA后台获取不到form表单提交值的情况 **可能的原因：** 1、提交元素的name与获取的name不符--request.getParameter(name...

待我称王封你为后i/ 2024年04月18日 09:15/ 0 赞/ 86 阅读

相关通过a标签向后台传递参数

首先a标签规定,a标签向后台传递的参数必须是定值,例如: <a href="index.html?age=11">跳转</a> 如果你这样写的话,它无法识别age:

分手后的思念是犯贱/ 2024年03月25日 20:06/ 0 赞/ 67 阅读

相关用form表单，向后端参数

这里写目录标题相同部分传给后端java实体对象直接传给后端字符串相同部分网页代码 <div style="margin-to

野性酷女/ 2024年03月16日 10:36/ 0 赞/ 14 阅读

相关 form表单action中get和post传递参数的问题

<form action="servlet/ThirdServlet?userName=1&passWord=2" method="post">

亦凉/ 2023年03月04日 09:12/ 0 赞/ 28 阅读

相关前端打印通过form表单格式向服务端传递的参数

文章转载自：[程序猿雪儿][Link 1] https://www.cnblogs.com/cuteCoderSnow var m_params = getOpt

￡神魔★判官ぃ/ 2022年09月11日 10:15/ 0 赞/ 16 阅读

相关 form表单 get请求参数传递问题

今天在使用form表单用get请求时,发现后台无法接受到url ?后面传递过来的参数, 开始一直以为是我的参数名称有误,后面发现并不是,后台使用实体映射接受或者request

末蓝、/ 2022年05月25日 10:06/ 0 赞/ 276 阅读

相关 Form1 如何向Form2传递数据

1. 首先form1有一个全局变量或者函数是在public下 2. 然后form2的uses下引用form的单元名 3. 这个时候就可以了 1.设置框图 ![w

痛定思痛。/ 2022年04月15日 05:35/ 0 赞/ 302 阅读

相关 Form-Form表单

一、典型表单在 Form 组件中，每一个表单域由一个 Form-Item 组件构成，表单域中可以放置各种类型的表单控件，包括 Input、Select、Check

灰太狼/ 2022年03月31日 15:11/ 1 赞/ 654 阅读

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

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

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

相关 datatable前端传递参数与后端返回值格式说明

一.datatable前端传递参数其中，draw是请求的序号，start是数据的起始，length是需要返回的最大数据条数。search\[value\]是查找的值。服务端

超、凢脫俗/ 2021年09月15日 18:50/ 0 赞/ 1180 阅读