Question

我正在寻找一种方法来包含外部.js文件并从该请求中接收响应头。

<script src="external/file.js?onload=callback">
function callback(data) {
    data.getAllResponseHeaders();
}
</script>

显然，这似乎不起作用。

如何从包含javascript中获取响应标头？这不是第二次请求。

在你的回答中，请避免使用jQuery。

感谢您的帮助。

工作示例 感谢gaetanoM

oXmlHttp.withCredentials = true; is for CORS

oXmlHttp.responseType = 'text'; is for DOM input?

这是我现在使用的代码;

<script>
    function loadScript(url) {

    var oXmlHttp = new XMLHttpRequest();            
        oXmlHttp.withCredentials = true;
        oXmlHttp.responseType = 'text';
        oXmlHttp.open('GET', url, true);
        oXmlHttp.onload = function () {

          if( oXmlHttp.status >= 200 || oXmlHttp.status == XMLHttpRequest.DONE ) {

            var x = oXmlHttp.getAllResponseHeaders();
            console.log(x);

            if(oXmlHttp.responseText !== null) {

                var oHead = document.getElementsByTagName('HEAD').item(0);
                var oScript = document.createElement("script");
                    oScript.language = "javascript";
                    oScript.type = "text/javascript";
                    oScript.defer = true;
                    oScript.text = oXmlHttp.responseText;
                    oHead.appendChild(oScript);

            }

          }

        }
        oXmlHttp.send();
    }

    loadScript("http://url/to/file.js");        
</script>

Answer 1

getAllResponseHeaders()：XMLHttpRequest.getAllResponseHeaders（）方法将所有响应标头（由CRLF分隔）作为字符串返回，如果未收到响应，则返回null。如果发生网络错误，则返回空字符串。

这意味着您需要使用 XMLHttpRequest 加载外部js：

此外，通过这种方式，您只加载一次文件。

function loadScript(url) {
    var oXmlHttp = new XMLHttpRequest();
    oXmlHttp.onreadystatechange = function () {
        if (oXmlHttp.readyState == XMLHttpRequest.DONE) {
            if (oXmlHttp.status == 200) {


                var x = oXmlHttp.getAllResponseHeaders();
                console.log(x);


                if (oXmlHttp.responseText != null) {
                    var oHead = document.getElementsByTagName('HEAD').item(0);
                    var oScript = document.createElement("script");
                    oScript.language = "javascript";
                    oScript.type = "text/javascript";
                    oScript.text = oXmlHttp.responseText;
                    oHead.appendChild(oScript);
                }
            } else {
                console.log("Error", oXmlHttp.statusText)
            }
        }
    }
    oXmlHttp.open('get', url);
    oXmlHttp.send();
}


loadScript("11.js?onload=callback");

从包含外部javascript文件中检索响应头

1 个答案: