Как отправить объект FormData?

Question

1. Получить форму с идентификатором
2. создать FormData с Form ID
3. отправить данные с $ .ajax

Мой код:

<form id="company"> 
    <input type="text" name="name" /> 
    <input type="tel" name="tel" /> 
    <input type="button" id="send" name="send" value="send" /> 
</form> 


<script> 
     ##get Form id an create form data## 
     var testForm = document.getElementById('send'); 
     testForm.onclick = function(event) { 
      var formData = new FormData(document.getElementById('company')); 
     ##this is Ajax Method## 
       $.ajax({ 
        url : './json/company.php', 
        method : 'POST', 
        data : formData, 
        timeout : 10, 
        dataType :'json', 
        success: function(data) 
        { 
         alert("Success"); 
        } 
       }); 
     } 
    </script> 

Error : TypeError: Argument 1 of FormData.constructor is not an object

Answer 1

Поскольку ваша форма не имеет входной файл типа, вы должны использовать функцию вместо serialize

$(testForm).click(function(event) { 
       event.preventDefault();//don't forget to prevent the default click event from redirecting you from the page 
       $.ajax({ 
        url : './json/company.php', 
        method : 'POST', 
        data : $('#company').serialize(), 
        timeout : 10, 
        dataType :'json', 
        success: function(data) 
        { 
         alert("Success"); 
        } 
       }); 
     }); 

Answer 2

Попробуйте

data : JSON.stringify(formData) 

Answer 3

Вы недостающая важные параметры, и JQuery пытается обработать FormData, которую он не может.
Вы должны добавить опцию processData: false, и вы должны избегать отправки CONTENTTYPE, а

var testForm = document.getElementById('send'); 
testForm.onclick = function(event) { 
    var formData = new FormData(document.getElementById('company')); 
    $.ajax({ 
     url: './json/company.php', 
     method: 'POST', 
     data: formData, 
     processData: false, 
     contentType: false, 
     timeout: 10, 
     dataType: 'json', 
     success: function(data) { 
      alert("Success"); 
     } 
    }); 
} 

Answer 4

Для того, чтобы использовать FormData с JQuery вы должны установить правильные параметры

var testForm = document.getElementById('send'); 
testForm.onclick = function(event) { 
    var formData = new FormData(document.getElementById('company')); 
    $.ajax({ 
     url : './json/company.php', 
     type: "POST", 
     data : formData, 
     processData: false, 
     contentType: false, 
     success: function(data) 
     { 
      alert("Success"); 
     }, 
     error: function(jqXHR, textStatus, errorThrown){ 
      //if fails  
     } 
    }); 
}