formData nesnesi jquery AJAX postasıyla çalışmaz mı?

Question

kodun içine atlamayı olanak tanır: Burada

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

Ben sunucuya asenkron tüm bilgileri göndermek için formData nesnesine bazı dizeleri ve bir dosya nesnesi ekliyorum. Öyle görüyorum POST basit print_r var ben sunucu php dosya üzerinde, sunucuya bilgi POST çalışıyorum Yani burada

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

:

Bundan hemen sonra bu jquery ajax isteği var neyin içinden geçiyor ne de değil.

Ne yazık ki, konsol.log (veri) alanındaki yanıtım boş. Ağ sekmesinde HEADER kontrol Ayrıca

Aşağıdaki boş çıktı alın: Bir ajax göndererek olduğunuzda

Başarı fonksiyonu (sadece açıklama) çağrılan

Answer 1

jQuery ile istemek ve FormData göndermek istiyorsanız, bu FormData üzerinde JSON.stringify kullanmanız gerekmez.

• olmadan FormData için data ayarlayın: Yani bu multipart/form-data; boundary=----WebKitFormBoundary0BPm0koKA

  gibi bir şey yapmanız gerekiyorsa jQuery ajax ile bazı dosyası dahil FormData göndermek için - boundry dahil dosyayı gönderirken Ayrıca içerik türü olmalıdır multipart/form-data herhangi bir değişiklik.

• false için processData değerini ayarlayın (jQuery'nin verileri otomatik olarak bir sorgu dizesine dönüştürmesini engeller).
• contentType değerini false olarak ayarlayın (Aksi halde jQuery yanlış ayarlayacağından bu gereklidir).

talebiniz şu şekilde görünmelidir:

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

sen aynen geçirgen anwswer yaptım ve hala belki intelligence and quick wath size onun not working

anlatıyorsun its working

dont kaygı çalışmıyor eğer

ama network tap

onun çalışma

umut bakmak, endişelenmeyin bu zaman kazancı

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