XMLHttpRequest/ajax set Content-Type

Question

ho provato entrambe le cose separatamente:

nota: url è una variabile che contiene un URL HTTPS e jsonString contiene una stringa JSON valida

var request = new XMLHttpRequest(); 
try{ 
    request.open("POST", url); 
    request.setRequestHeader('Accept', 'application/json'); 
    request.send(jsonString); 
} catch(e) { 
    alert(e); 
} 

e

var options = { 
    type: "POST", 
    url: url, 
    dataType: "json", 
    data: jsonString, 
    accept: "application/json" 
}; 

$.ajax(options) 

Il problema è che il sistema che stiamo postando richiede un'intestazione Content-Type con un valore "application/json".

Con il modo in cui stanno le cose in questo momento, il metodo utilizzato è POST, l'intestazione Accept è "application/json", e le impostazioni predefinite Content-Type a "/ x-www-form-urlencoded domanda; charset = UTF 8 "

Nel primo esempio, se request.setRequestHeader ('Content-Type', 'application/json'); viene aggiunta 1 riga sopra o sotto l'intestazione Accept, il metodo utilizzato cambia in OPTIONS, l'intestazione Accept cambia in "text/html, application/xhtml + xml, application/xml; q = 0.9, /; q = 0.8" e l'intestazione Content-Type scompare come se non fosse stata vista.

Nel secondo esempio, se contentType: "application/json" viene aggiunto ovunque all'interno delle opzioni, accade la stessa cosa che è accaduta nel primo esempio.

Qual è il modo corretto di impostare un'intestazione Content-Type in ajax o XMLHttpRequest?

Edit: Vorrei aggiungere che utilizzando il plugin client resto firefox, la stringa JSON, url, e accettare e intestazioni content type tutti funzionano bene. Sembra che non riusciamo a ottenere l'intestazione del contenuto impostata sulla nostra pagina.

Answer 1

Nel primo esempio, se request.setRequestHeader ('Content-Type', 'application/json'); si aggiunge 1 riga sopra o sotto l'intestazione Accept, il metodo utilizzato modifiche alle opzioni

Questo è perché si stanno facendo a cross origin request da JS incorporato in una pagina web. La modifica di content-type (con una che non è possibile creare con un semplice modulo HTML) innesca a preflight request chiedendo l'autorizzazione al server per effettuare la richiesta effettiva.

È necessario configurare il server per rispondere con le intestazioni CORS appropriate per concedere l'autorizzazione.

HTTP/1.1 200 OK 
Date: Mon, 01 Dec 2008 01:15:39 GMT 
Access-Control-Allow-Origin: http://your.site.example.com 
Access-Control-Allow-Methods: POST, GET, OPTIONS 
Access-Control-Allow-Headers: Content-Type 

Poi il browser farà l'Inserisci richiesta si sta chiedendo per renderlo.