obiekt formData nie działa z postem AJAX jquery?

Question

pozwala prawo skok do kodu:

var formData = new FormData(); 

formData.append('name', dogName); 
formData.append('weight', dogWeight); 
formData.append('activity', dogActivity); 
formData.append('age', dogAge); 
formData.append('file', document.getElementById("dogImg").files[0]); 
console.log(formData); 

Oto jestem dołączając pewne ciągi i przedmiot jednego pliku do obiektu formData aby wysłać wszystkie informacje asynchroniczne do serwera.

Zaraz po tym mam prośbę jquery ajax:

$.ajax({ 
    type: "POST", 
    url: "/foodoo/index.php?method=insertNewDog", 
    data: formData, 
    processData: false, 
    contentType: false, 
    success: function(response){ 
    console.log(response); 
    }, 
    error: function(){ 
    } 
}); 

Więc próbuję opublikować informacje do serwera, na plik serwera php Mam proste print_r Poczty tak widzę co przechodzi, a co nie.

Niestety moja odpowiedź w pliku console.log (dane) jest pusta.

także sprawdzając nagłówku w zakładce Network pojawi się następujący komunikat: pusty

funkcja Sukces jest wywoływana (tylko dla wyjaśnienia)

Answer 1

Podczas wysyłania ajax Żądaj za pośrednictwem jQuery i chcesz wysłać formularz FormData, nie musisz używać JSON.stringify w tym formularzu. Także podczas wysyłania pliku typ zawartości musi być multipart/form-data tym boundry - coś w tym multipart/form-data; boundary=----WebKitFormBoundary0BPm0koKA

tak wysłać FormData tym jakiś plik przez jQuery AJAX trzeba:

• Ustaw data do FormData bez wszelkie modyfikacje.
• Zestaw processData do false (Pozwala zapobiec automatycznej transformacji danych przez jQuery w ciąg zapytania).
• Ustaw contentType na false (Jest to konieczne, ponieważ w przeciwnym razie jQuery ustawi je niepoprawnie).

Żądanie powinno wyglądać następująco:

var formData = new FormData(); 

formData.append('name', dogName); 
// ... 
formData.append('file', document.getElementById("dogImg").files[0]); 


$.ajax({ 
    type: "POST", 
    url: "/foodoo/index.php?method=insertNewDog", 
    data: formData, 
    processData: false, 
    contentType: false, 
    success: function(response) { 
     console.log(response); 
    }, 
    error: function(errResponse) { 
     console.log(errResponse); 
    } 
}); 

Answer 2

jeśli nie dokładnie tak, jak przepuszczalną anwswer i nadal nie działa dont worry its working

może intelligence and quick wath mówią ci jego not working

ale nie martw się, spojrzeć na network tap

jego pracy

nadzieję, że ta oszczędza czas

Answer 3

//For those who use plain javascript 

var form = document.getElementById('registration-form'); //id of form 
var formdata = new FormData(form); 
var xhr = new XMLHttpRequest(); 
xhr.open('POST','form.php',true); 
// xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
//if you have included the setRequestHeader remove that line as you need the 
// multipart/form-data as content type. 
xhr.onload = function(){ 
console.log(xhr.responseText); 
} 
xhr.send(formdata);