如何在 javascript 中获取 http 请求的“文件”参数？

Question

我正在尝试编写一个 java 脚本脚本，根据用户是否正确登录将它们重定向到单独的 PHP 脚本。 问题是我似乎无法弄清楚如何获取请求的文件参数，以便我可以查看我正在寻找的请求是否存在。 如何在 java 脚本中获取请求的文件参数？ 抱歉产生误解，我所说的文件属性是指以下每个请求的“文件”部分下的内容。 例子

那么如果在数据包的文件选项卡下，它设置了某个文件，我将如何区分？

Answer 1

不清楚你在问什么。 “以便我可以看到我正在寻找的请求是否存在”部分告诉我，您想要调试您的网站，或者至少，这是我对它的解释。

如果您使用 Chrome 或Firefox 开发者版，您可以按 F12（或 CTRL + SHIFT + J）打开开发者控制台。

切换到“网络”选项卡，您将看到所有 XMLHTTPRequests。
单击特定请求，您将看到其详细信息。

一个基本的 XmlHttpReuqest 如下所示：

function reqListener () {
  console.log(this.responseText);
}

var oReq = new XMLHttpRequest();
oReq.addEventListener("load", reqListener);
oReq.open("GET", "http://www.example.org/example.txt");
oReq.send();

您在回调 function reqListener 中获得请求的结果。

另请参阅https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest

如果要获取请求处理程序的 URL，则如下所示：

function reqListener (e) {
  //console.log(this.responseText);
   console.log(e);
   console.log(e.currentTarget.responseURL);

}

var oReq = new XMLHttpRequest();
oReq.addEventListener("load", reqListener);
oReq.open("GET", "https://stackoverflow.com/questions/58407228");
oReq.send();

如果你想在 url 中获取一个名为“file”的参数，这就像

function getUrlVars(urlHref)
{
    var vars = [], hash;
    var hashes = urlHref.slice(urlHref.indexOf('?') + 1).split('&');
    var i;

    for (i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(decodeURIComponent(hash[0]));
        vars[decodeURIComponent(hash[0])] = decodeURIComponent(hash[1]);
    } // Next i 

    return vars;
} // End Function getUrlVars


var dictParameters = getUrlVars("http://www.example.com/handler?file=bla.bin");

if (dictParameters.contains("file"))
{
    console.log(dictParameters["file"]);
}

至于XMLHTTPRequest，它没有名为file的属性。

此外，这是 2019 年，您应该使用 FETCH-API和async和await ，而不是 XMLHttpRequest-API，它不使用promises 。

这是一个入门概述。

编辑：啊，我明白了：

如果你有一个 url，比如

var url = "http://www6.scratch99.com/web-development/javascript/test.js?abc=def";

你做

var url = "http://www6.scratch99.com";
var urlParts = url.replace('http://','').replace('https://','').split(/[/?#]/);
var domain = urlParts[0];

获取域部分。 然后你减去域（+协议），并在？ 或者 ＃：

完整代码：

var url = "http://www6.scratch99.com/web-development/javascript/test.js?abc=def";
// var url = "http://www6.scratch99.com";
// var url = "http://www6.scratch99.com?test=123";
var protocol = url.substr(0, url.indexOf(":") + 3)

var urlParts = url.substr(protocol.length).split(/[/?#]/);
var domain = urlParts[0];

var fileParts = url.substr(protocol.length + domain.length);
var file = fileParts.split(/[?#]/)[0];

如果你只想要文件名：

var pathParts = file.split('/');
var fileOnly = pathParts[pathParts.length-1];