index.html
<html>
<head>
<meta charset="utf-8">
<title>node</title>
</head>
<body>
<div>dasdasd</div>
<p onclick="ajax()">点击加载文件</p>
<script>
function ajax(){
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function()
{
if(xhr.readyState == 4)
text='';
var data = JSON.parse(xhr.responseText);
for (let i = 0; i < data.length; i++) {
text +='<br>' + data[i];
}
document.getElementsByTagName('p')[0].innerHTML+=text;
}
xhr.open('get','./filelist');
xhr.send();
}
</script>
</body>
</html>
index.js
var fs=require('fs');
var http=require('http');
var server = http.createServer();
server.on('request',function(req,response){
var url = req.url;
console.log(url);
if(url == '/'){
response.setHeader('Content-type','text/html;charset=ytf-8');
fs.readFile('./index.html','utf8',function(err,data){
response.end(data);
})
}else if(url == '/filelist'){
fs.readdir('./','utf8',function(err,data){
response.end(JSON.stringify(data));
})
}else{
fs.readFile('.'+url,function(err,data){
response.end(data);
})
}
});
server.listen(8080,function(){
console.log('打开127.0.0.1');
});