需求:实现一个动态的div块里含有“日期“字段和上传的”文件“数据,并可以自定义新增和删除
(图下,效果实现div块的数据,里的汇报时间的input框name都为“meandTime”,而上传的文件input框name都为“mReport”)
图一:
++++++华丽的分隔线++++++++
图二:
++++++华丽的分隔线++++++++
第一步:点出提前参数时,提取form表单的name参数组,相关操作$("form").serializeArray();
如下
++++++华丽的分隔线++++++++
并且在console.log打印结果出来,如下
++++++华丽的分隔线++++++++
第二步:把字段名为“meandTime”和“mReport”分为一个字符组,每个字符组的每个value值的参数由逗号隔开;
如下
++++++华丽的分隔线++++++++
并且在console.log打印结果出来,如下
++++++华丽的分隔线++++++++
第三步:通过$.ajax传字符串参数给后端接收
相关操作参数:
var formArray = $("form").serializeArray();
var meanJson =""
$.each(formArray, function (i, item) {
if(item.name=="meandTime"){
meanJson += item.value + ",";
}else if(item.name=="mReport"){
test = JSON.parse(item.value) //上传文件value里还有一层JSON字符串,需转换取url参数
meanJson += test['url'] + ",";
}
});