Comment faire pour ajouter un en-tête de requête en Ajax de Jquery?

Je suis en train d'ajouter un en-tête de requête en Ajax avec JQuery.

Ci-dessous le code :-

$.ajax({ 
type: "POST", 
contentType: "application/json", 
url: "http://localhost:8080/core-service/services/v1.0/patients/registerPatients", 
données: JSON.stringify(patientDTO), 
//crossDomain : true, 
dataType: 'json', 
les en-têtes: {"X-AUTH-JETON" : tokken}, 
success: function(patientDTO) { 
console.journal (le"SUCCÈS: ", patientDTO); 
/* emplacement.href = "fieldagentHRA.html";*/
if (typeof(Stockage) !== "undefined") { 
localStorage.setItem("patUrn", patientDTO.données); 
emplacement.href="fieldagentHRA.html"; 
} 
}, 
error: function(e) { 
console.log("ERREUR: ", e); 
affichage(e); 
}, 
fait: function(e) { 
enableRegisterButton(true); 
} 
});

J'ai vérifié cela avec chrome et a constaté que l'en-tête corps n'est pas en cours d'ajout.Comment faire pour ajouter un en-tête de requête en Ajax de Jquery?

Ensuite, j'ai utilisé Requestly (Requestly est chrome+plugin firefox avec lequel on peut ajouter manuellement un en-tête de la demande).

Après l'ajout manuel d'en-tête :-

Comment faire pour ajouter un en-tête de requête en Ajax de Jquery?

Dans les deux pics de demande d'en-tête x-auth-jeton est présent dans "CONTRÔLE d'ACCÈS-REQUEST-HEADERS", mais "X-AUTH-JETON" en-tête avec valeur d'en-tête est présent dans le second pic qui n'est pas là dans le premier pic.

Donc ma question est comment faire pour ajouter des en-têtes de requête Ajax avec JQuery ?

OriginalL'auteur Safdar Akrami | 2017-01-30

  1. 24

    Il y a plusieurs solutions en fonction de ce que vous voulez faire

    Si vous voulez ajouter un en-tête personnalisé ou un ensemble d'en-têtes) à une demande individuelle, puis il suffit d'ajouter le headers bien et cela vous aidera à envoyer votre demande avec des en-têtes.

    //Request with custom header
$.ajax({
    url: 'foo/bar',
    headers: { 'x-my-custom-header': 'some value' }
});

    Si vous souhaitez ajouter une valeur par défaut de l'en-tête (ou ensemble d'en-têtes) pour chaque demande ensuite utiliser $.ajaxSetup(): cela vous aidera à ajouter des en-têtes.

    //Setup headers here and than call ajax
$.ajaxSetup({
    headers: { 'x-my-custom-header': 'some value' }
});

//Sends your ajax
$.ajax({ url: 'foo/bar' });

    ajouter un en-tête (ou ensemble d'en-têtes) pour chaque demande ensuite utiliser la beforeSend crochet avec $.ajaxSetup():

    //Hook your headers here and set it with before send function.
$.ajaxSetup({
    beforeSend: function(xhr) {
        xhr.setRequestHeader('x-my-custom-header', 'some value');
    }
});

//Sends your ajax
$.ajax({ url: 'foo/bar' });

    Lien De Référence : AjaxSetup

    Lien De Référence : AjaxHeaders

    OriginalL'auteur Soni Vimal