Giải thích lỗi DOM 11 khi khởi tạo XMLHttpRequest với JSON -headers

Question

Tôi nhận được lỗi này như là một phần của câu đố lớn hơn này here.

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

//Error: INVALID_STATE_ERR: DOM Exception 11 

Đối với nghiên cứu sâu hơn

1. cuốn sách của O'Reilly "Hướng dẫn Definite để Javascript 6 Edition" trên trang 491 trong chương 18 "Scripted HTTP" thảo luận XMLHttpRequest, xin vui lòng, lưu ý rằng nó không chỉ là về HTTP hoặc XML (di tích lịch sử).

2. nhập dev của Mozilla về XMLHttpRequest here

Answer 1

Bạn cần phải open() các XMLHttpRequest trước khi bạn có thể đặt tiêu đề yêu cầu. Chỉ cần di chuyển dòng đó đến sau khi bạn gọi open():

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