gpt4 book ai didi

javascript - 使用 JavaScript XHR 列出服务器目录

转载 作者:太空狗 更新时间:2023-10-29 16:06:39 25 4
gpt4 key购买 nike

当我问这个问题 javascript 可以列出服务器上的文件时,每个人都回答“javascript 无法访问服务器文件系统,因为它是一个客户端脚本语言”。但我认为这个答案只是部分正确,因为如果启用了 dirlisting,浏览器可以列出服务器目录的内容。因此,我决定尝试解析该输出 - 当您已经可以看到您需要的 xml 格式的数据时,无需使用 cgi。所以这就是我所做的:

我正在使用 lighttpdlighttpd.conf 中的重要条目是:

dir-listing.activate    = "enable"                 #enables directory listing
dir-listing.auto-layout = "disable" #simplifies the list style
mimetype.assign = ( ".xml" => "text/xml" ) #deals with xmls
用于测试 XHR

test.xml 如下所示:

<?xml version="1.0"?>
<anchors>
<a>foo</a>
<a>bar</a>
</anchors>

目录列表页面,由 lighttpd mod_dirlisting.so 创建:

<?xml version="1.0" encoding="iso-8859-1"?>
<h2>Index of /directory/</h2>
<div class="list">
<table summary="Directory Listing" cellpadding="0" cellspacing="0">
<thead><tr><th class="n">Name</th><th class="m">Last Modified</th><th class="s">Size</th><th class="t">Type</th></tr></thead>
<tbody>
<tr><td class="n"><a href="../">Parent Directory</a>/</td><td class="m">&nbsp;</td><td class="s">- &nbsp;</td><td class="t">Directory</td></tr>
<tr><td class="n"><a href="foo">foo</a></td><td class="m">2015-Jan-03 13:24:12</td><td class="s">39.4K</td><td class="t">application/octet-stream</td></tr>
</tbody>
</table>
</div>

test.html 用于创建XHR的页面:

<html><head></head><body><script>

if (window.XMLHttpRequest) var request = new XMLHttpRequest();
else var request = new ActiveXObject('Microsoft.XMLHTTP');
request.open('post', 'test.xml', true);
request.send();
if (request) request.onreadystatechange = function() alert(request.responseXML.getElementsByTagName('a')[1].childNodes[0].nodeValue);

</script></body></html>

所有这些都工作正常(你在警告框中得到'foo'),但是当我request.open目录而不是xml时,我什么也得不到,不是即使在错误控制台中。

最佳答案

您的代码有几个问题。对于初学者,在您的 JavaScript 中,您在 request.readyState4 之前访问 request.responseXML。此时,该属性应该不可用,因此您应该会收到一些错误。这可以很容易地解决。

if (window.XMLHttpRequest) var request = new XMLHttpRequest();
else var request = new ActiveXObject('Microsoft.XMLHTTP');

request.open('post', 'dir/', true);
request.send();

request.onreadystatechange = function() {
if (request.readyState === 4) {
alert(request.responseXML.getElementsByTagName('a')[1].childNodes[0].nodeValue);
}
}

但是,您还有另一个问题。您正在尝试将输出解析为 XML,但它不是有效的 XML 文档,也不是有效的 HTML 文档。您需要用另一个元素包装输出,才能使其成为有效的 XML 文档,因为只能有一个根节点。此外,  在 XML 中不受支持,因此也需要将其删除 or replaced .像下面这样的东西会起作用。

<?xml version="1.0" encoding="iso-8859-1"?>
<xml>
<h2>Index of /directory/</h2>
<div class="list">
<table summary="Directory Listing" cellpadding="0" cellspacing="0">
<thead><tr><th class="n">Name</th><th class="m">Last Modified</th><th class="s">Size</th><th class="t">Type</th></tr></thead>
<tbody>
<tr><td class="n"><a href="../">Parent Directory</a>/</td><td class="m"></td><td class="s">- </td><td class="t">Directory</td></tr>
<tr><td class="n"><a href="foo">foo</a></td><td class="m">2015-Jan-03 13:24:12</td><td class="s">39.4K</td><td class="t">application/octet-stream</td></tr>
</tbody>
</table>
</div>
</xml>

您可能还对使用 XMLHttpRequestresponseType 属性感兴趣。如果将此属性设置为 'document',则可以解析 HTML 响应,而不是 XML 响应。

request.open('post', 'dir/', true);
request.responseType = 'document';
request.send();

关于javascript - 使用 JavaScript XHR 列出服务器目录,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27761044/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com