在$ .ajax（）中传递formdata，输入文本数据和下拉数据

Question

我正在尝试将来自FormData（包含CSV文件），输入文本和下拉列表（选择元素）的值传递给php脚本。但是，当我尝试运行它时，它返回一条消息，内容为

  

TypeError：在未实现的对象上调用了“ append”   界面FormData

我正在使用$.ajax()以避免刷新。

我仅使用formData传递CSV文件 我不知道如何将CSV文件与文本字段和下拉列表中的数据一起传递。

function addNewSection(){
    var sectionName =$("#modalInput_addSectionTitle").val(); //value from an input text
    var sectionTeacher = $("#modalDrpDown_selectSectionTeacher").val(); //value from a dropdown

    var csvFile =  $('#browseFiles')[0].files[0]; //value from a file input
    var formData = new FormData();
    formData.append('csvFile', csvFile);
    $.ajax({
        url:"controller/add_section.php",
        type: "POST",
        data: {
            formData, 
            modalInput_addSectionTitle : sectionName,
        },
        success: function(isSuccessful){
            console.log("Is Successful: "+isSuccessful);
            $('#container_modalAddNewSection').hide();
        },
        error: function (x, e) {
            handleError(x,e);
        }
    });
}

任何建议，我将不胜感激。

谢谢。