JQuery ajaxSetup - annexant données globales à FormData

Je passe un paramètre global dans toutes les requêtes ajax jquery en utilisant la fonction ajaxSetup comme ci-dessousJQuery ajaxSetup - annexant données globales à FormData

$.ajaxSetup({ 
    data: { 
     csrf: csrfValue 
    } 
});

Cela fonctionne bien pour toutes les demandes, sauf quand je fais un fichier ajax télécharger

var formData = new FormData(); 
formData.append('attachedFile', file); 
$.ajax({ 
     url: '/fileUpload', 
     data: formData, 
     success: function() { 
      .... 
     } 
});

Depuis que je me sers d'un FormData, le csrf pARAM est pas se joint en annexe. Existe-t-il un moyen approprié d'ajouter des données communes à tous les types de requêtes ajax?

Source

2017-05-04 Krishnaraj

Essayez avec append 'CSRF: csrfValue' avec des données. Comme ceci, 'data: formData + csrf +" = "+ csrfValue'. –

Pouvez-vous montrer un autre extrait de requête où ajaxsetup fonctionne correctement? – Manwal

@Manwal cela fonctionne pour toutes les demandes où les données sont juste un objet json. – Krishnaraj

Vous pouvez résoudre ce problème en utilisant $.extend et $.ajaxPrefilter pour fusionner les données par défaut avec les données que vous avez fourni: UPDATED:

$.ajaxPrefilter(function (options, originalOptions, jqXHR) { 
    if (originalOptions.data instanceof FormData) { 
     originalOptions.data.append(csrfParamName, csrfParamValue); 
    } 
});

Source

2017-05-04 07:06:58

Malheureusement, cela ne fonctionne pas. Les paramètres supplémentaires à formData ne fonctionnent que lorsque vous utilisez sa méthode append :(. – Krishnaraj

Ne pensez pas que $ ext. Fonctionnera jamais 'FormData' mais utiliser ajaxPrefilter semble être une bonne option. . 'si (originalOptions.data instanceof FormData) { de originalOptions.data.append (csrfParamName, csrfParamValue); }' – Krishnaraj

@Krishnaraj .extend $ se comporte comme votre append Il fusionne les deux objets https: // api.. jquery.com/jquery.extend/ –

Oui, il ne fonctionne pas parce que vous utilisez FormData. Ajouter le csrfValue à vos données ajax ou ajouter un champ caché dans votre formulaire

<input type="hidden" value="{{ csrfValue }}"?>

Source

2017-05-04 09:55:43

JQuery ajaxSetup - annexant données globales à FormData

Répondre

Questions connexes