oggetto formData non funziona con un post AJAX jquery?

Question

lascia saltare a destra in codice:

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); 

Eccomi aggiungendo alcune stringhe e oggetto di un file per l'oggetto formdata al fine di inviare tutti i dati asincrona al server.

Subito dopo ho questa richiesta 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(){ 
    } 
}); 

Così qui sto cercando di pubblicare l'informazioni al server, sul server di file php Ho una semplice print_r del POST quindi non vedo cosa passa e cosa no

Sfortunatamente la mia risposta in console.log (dati) è vuota.

anche se si controlla l'intestazione nella scheda Rete si ottiene il seguente output vuoto:

funzione Successo viene chiamata (solo per chiarimenti)

Answer 1

Quando si sta inviando un'ajax richiesta tramite jQuery e si desidera inviare FormData non è necessario utilizzare JSON.stringify su questo FormData. Anche quando si sta inviando il file al tipo di contenuto deve essere compreso multipart/form-databoundry - qualcosa di simile multipart/form-data; boundary=----WebKitFormBoundary0BPm0koKA

Quindi per inviare formdata tra cui alcuni file tramite jQuery Ajax è necessario:

• Impostare data al formdata senza eventuali modifiche.
• Imposta processData su false (Consente di impedire a jQuery di trasformare automaticamente i dati in una stringa di query).
• Impostare contentType su false (Ciò è necessario perché altrimenti jQuery lo imposterà in modo errato).

La richiesta dovrebbe essere simile a questo:

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

se avete fatto anwswer esattamente come permeabile e ancora non funziona non preoccupatevi its working

forse intelligence and quick wath si sta dicendo la sua not working

ma non preoccupatevi, guarda network tap

suo lavoro

speranza questo permette di risparmiare tempo

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);