如何利用JavaScript读取同一服务器中另一个html文件？

使用jquery比较简单：\x0d\x0a1、引入jquery库文件\x0d\x0a2、在a.html页面的head部分加入脚本：\x0d\x0a$(function(){\x0d\x0a$("#show_b").load("b.html", function(response){\x0d\x0a$(this).append(response)\x0d\x0a\x0d\x0a})\x0d\x0a\x0d\x0a})\x0d\x0a 回答于 2022-11-16

不能确定所说的读取是否仅仅读取文件的内容，如果是，与读取任何服务器上文件的方法一样，可卡ajax相同的方法，即通过XMLHttpRequest来申请服务器的数据访问服务。

如果所说的读取是指读取bat文件的运行结果，那就需要服务器上的脚本的辅助支持，例如，通过编写php脚本将bat结果返回给访问端。

javascript获取服务器目录是极度危险的，首先服务器上没有客户端获取读或写的权限，并且一般浏览器都会阻止掉，因为不可能让客户端去控制服务器端的文件。

实现这个功能的方法比较多，随便用一门后台语言就可以了，例如php可以直接通过opendir()打开再写一个读取文件夹下的文件函数再输入到浏览器就可以了

手写一个简单的获取文件例子函数:

function readfiles($dirname){

if(!file_exists($dirname)){

echo "文件夹不存在!"

return

}

if(!is_dir($dirname)){

echo "不是文件夹"

return

}

$dir=opendir($dirname)

echo "<table border=1 style='font-size:14px'>"

echo "<caption><h2>{$dirname}下的文件列表</h2></caption>"

echo "<tr><th>查看文件</th><th>修改文件</th><th>删除文件</th><th>文件名</th><th>文件类型</th><th>文件大小</th><th>创建时间</th><th>最后修改时间</th><th>最后查看时间</th></tr>"

while($file=readdir($dir)){

$files=$dirname."/".$file

if($file!="." &&$file !=".."){

if(is_dir($files)){

echo "<tr style='background:#ccc'>"

echo "<td><a href='./test1.php?dirname={$files}'>查看</a></td>"

echo "<td>修改</td>"

echo "<td>删除</td>"

echo "<td>{$files}</td>"

echo "<td>".filetype($files)."</td>"

echo "<td>".filesize($files)."</td>"

echo "<td>".date("Y-m-d H:i:s",filectime($files))."</td>"

echo "<td>".date("Y-m-d H:i:s",filemtime($files))."</td>"

echo "<td>".date("Y-m-d H:i:s",fileatime($files))."</td>"

echo "</tr>"

}else{

echo "<tr>"

echo "<td><a href='./test1.php?filename={$files}'>查看</a></td>"

echo "<td>修改</td>"

echo "<td>删除</td>"

echo "<td>{$files}</td>"

echo "<td>".filetype($files)."</td>"

echo "<td>".filesize($files)."</td>"

echo "<td>".date("Y-m-d H:i:s",filectime($files))."</td>"

echo "<td>".date("Y-m-d H:i:s",filemtime($files))."</td>"

echo "<td>".date("Y-m-d H:i:s",fileatime($files))."</td>"

echo "</tr>"

}

}

}

echo "</table>"

}

如果非要用javascript的话就用ajax提交到后台再由php处理吧。再返回就可以了。

---