Объясните ошибку DOM 11 при инициализации XMLHttpRequest с помощью JSON-headers

Question

Я получаю эту ошибку как часть этой более крупной головоломки here.

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

//Error: INVALID_STATE_ERR: DOM Exception 11 

Для дальнейших исследований

1. книга О'Рейли "Определенная Руководство по Javascript 6-е издание" на стр 491 в главе 18 "Scripted HTTP" обсудили XMLHttpRequest, пожалуйста, примечание что речь идет не только об HTTP или XML (исторические реликвии).

2. запись DEV Mozilla, о XMLHttpRequest here

Answer 1

Вы должны open() в XMLHttpRequest, прежде чем вы можете установить заголовки запросов. Просто переместите эту строку после вызова open():

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