Wie kann ich eine benutzerdefinierte HTTP-Header zu Ajax-Anfrage mit js oder jQuery hinzufügen?

Question

Weiß jemand, wie man eine benutzerdefinierte HTTP-Header mit JavaScript oder jQuery hinzufügen oder erstellen?

Answer 1

Sie sollten die Verwendung von $.ajaxSetup() wie beschrieben in der docs . Verwenden Sie stattdessen den folgenden Text:

$(document).ajaxSend(function(event, jqXHR, ajaxOptions) {
    jqXHR.setRequestHeader('my-custom-header', 'my-value');
});

Answer 2

Angenommen, Sie meinen "Bei Verwendung von Ajax" und "Ein HTTP Anfrage Kopfzeile", dann verwenden Sie die headers Eigenschaft in dem Objekt, das Sie an ajax()

Kopfzeilen (hinzugefügt 1.5)

Standard: {}

Eine Karte mit zusätzlichen Kopfzeilen-Schlüssel/Wertpaaren, die zusammen mit der Anfrage gesendet werden. Diese Einstellung wird vor dem Aufruf der Funktion beforeSend festgelegt; daher können alle Werte in der Header-Einstellung in der Funktion beforeSend überschrieben werden.

- http://api.jquery.com/jQuery.ajax/

Answer 3

"Die Methode setRequestHeader" des XMLHttpRequest-Objekts sollte verwendet werden.

http://help.dottoro.com/ljhcrlbv.php

Answer 4

Sie können js verwenden abrufen.

async function send(url,data) {
  let r= await fetch(url, {
        method: "POST", 
        headers: {
          "My-header": "abc"  
        },
        body: JSON.stringify(data), 
  })
  return await r.json()
}

// Example usage

let url='https://server.test-cors.org/server?enable=true&status=200&methods=POST&headers=my-header';

async function run() 
{
 let jsonObj = await send(url,{ some: 'testdata' });
 console.log(jsonObj[0].request.httpMethod + ' was send - open chrome console > network to see it');
}

run();