原生JS中XMLHttpRequest.setRequestHeader無效是什么原因？

原生JS中xmlhttprequest.setrequestheader失效原因詳解

使用JavaScript的XMLHttpRequest對象發送網絡請求時，有時會遇到設置請求頭無效的問題，導致服務器返回錯誤代碼，例如403。本文分析XMLHttpRequest.setRequestHeader失效的常見原因。

問題：開發者使用XMLHttpRequest.setRequestHeader設置User-Agent、Referer和Content-Type請求頭，但實際請求中并未生效。示例代碼如下：

http.open('GET', url, false); http.setRequestHeader("User-Agent", "Mozilla/5.0 ..."); http.setRequestHeader("referer", "http://www.oslang.cn/"); http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;"); http.send(http);

原因分析：代碼本身通常沒有錯誤，問題在于瀏覽器安全策略的限制。并非所有HTTP請求頭都允許通過JavaScript動態設置。

瀏覽器通常會阻止JavaScript直接修改User-Agent和Referer請求頭。瀏覽器會自動添加這兩個頭，開發者嘗試修改可能會被忽略。 因此，若需修改這兩個請求頭，應從服務器端或其他方法處理，而非直接使用XMLHttpRequest.setRequestHeader。

至于Content-Type，如果設置無效，需要檢查服務器端配置和Content-Type值的正確性。 確保Content-Type值與發送的數據類型匹配。例如，發送json數據時，應設置為”application/json”。

總結：XMLHttpRequest.setRequestHeader失效通常與瀏覽器安全策略有關，特別是對于User-Agent和Referer。 解決方法需要根據具體情況，檢查服務器端配置、Content-Type值以及是否需要從其他途徑修改User-Agent和Referer。