首页 > 解决方案 > 如何将数组添加到 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);

接下来我该怎么做。

标签: javascriptphpjsonajaxform-data

解决方案


推荐阅读