Explicar error DOM 11 en la inicialización de XMLHttpRequest con JSON -cabezas

Question

Recibo este error como parte de este gran rompecabezas here.

var xhr = new XMLHttpRequest(); 
xhr.setRequestHeader('Content-Type', 'application/json'); 

//Error: INVALID_STATE_ERR: DOM Exception 11 

para futuras investigaciones

1. libro de O'Reilly "Guía definitiva para Javascript 6ª Edición" en la página 491 en el capítulo 18 "con secuencias de comandos HTTP" discutido XMLHttpRequest, por favor, nota que no se trata solo de HTTP o XML (reliquias históricas).

2. entrada dev de Mozilla sobre XMLHTTPRequest here

Answer 1

Es necesario open() la XMLHttpRequest antes de poder configurar los encabezados de solicitud. Basta con mover esa línea para después de llamar open():

var xhr = new XMLHttpRequest(); 
xhr.open('POST', 'example.php', true); 
xhr.setRequestHeader('Content-Type', 'application/json');