javascript - 如何将数组添加到 FromData,通过 AJAX 发送它们并在 PHP 文件中接受它们
问题描述
由于缺乏经验,我遇到了 AJAX 和 FromData 的问题。我尝试从动态字段中获取所有值(用户可以根据需要添加新的输入字段)将它们放入不同的数组中,然后将其放入 FormData。毕竟,我计划使用 AJAX 将它们发送到另一个文件,在该文件中将所有内容从 FormData 放到带有 php 的数据库中。
所以,请给我一个提示,如何通过 AJAX 发送 FormData(我需要序列化它还是放入 JSON 字符串)以及如何从中获取值作为$_POST['']
.
目前我做了那个代码
var mySubTasks = [];
$('.subTasky').each(function(){
mySubTasks.push({
id: $(this).attr('id'),
title: $(this).children('.currentInput').val(),
comment: $(this).children().children('.currentInputCom').val(),
img: $(this).children('.taskPhoto').prop("files")[0]
});
});
var myHeaders = [];
$('.subHeader').each(function(){
myHeaders.push({
header: $(this).children('.listInput').val()
});
});
var mySubSub = [];
$('.subsub').each(function(){
mySubSub.push({
id: $(this).attr('id'),
title: $(this).children('.currentInput').val(),
comment: $(this).children().children('.currentInputCom').val()
});
});
var myPrime = [];
$('#mainTaskBox').each(function(){
mySubSub.push({
title: $(this).children('.listPrTitle').val(),
comment: $(this).children().children('.listPrCom').val(),
img: $(this).children().children('.taskPhoto').prop("files")[0]
});
});
var formData = new FormData();
formData.append('mySubTasks', mySubTasks);
formData.append('myHeaders', myHeaders);
formData.append('mySubSub', mySubSub);
formData.append('myPrime', myPrime);
console.log(formData);
接下来我该怎么做。
解决方案
推荐阅读
- css - CSS计算指数除法
- java - 无法将具有类“java.lang.Long”的对象“20001”转换为类“java.util.Optional”
- vue.js - 使用 Vue 和 Cypress 进行测试时出现 Mirage 未定义错误(未定义路由)
- html - 如何在Firefox中禁用html5视频中的“画中画”
- c# - EOSDigital.API.ExecutionException:SESSION_NOT_OPEN 随机抛出
- vue.js - 如何使用fabric js将更新的日期和时间添加到画布区域?
- javascript - 将 HTML 页面包含到另一个 HTML div 中不起作用
- leaflet - 如何使用 esri-leaflet-geocoder 将标记地址从本地语言更改为英语?
- node.js - NodeJs:multer在猫鼬数据验证之前上传文件
- python - Msfvenom python 有效负载在转换为 exe 时不起作用,但在它是 python 文件时起作用