思考：フロントは、取得=「AJAXを開始
1、フロントindex.htmlファイル
<！DOCTYPE HTML>
<HTML LANG = "EN">
<ヘッド>
<メタ文字セット= "UTF-8">
<メタ名=「ビューポート」コンテンツ=「幅=装置幅、初期の規模= 1.0」>
<META HTTP-当量= "X-UA-互換性のある" コンテンツ= "IE =エッジ">
<タイトル>ドキュメント</ TITLE>
<スタイル>
体{
背景：スカイブルー。
パディング：は50px;
}
</スタイル>
</ head>の
<身体>
<H1>フォルダ</ H1>を取得
<DIV ID = "DIV"> </ div>
<スクリプト>
VAR XHR =新しいXMLHttpRequestを（）;
xhr.open（ '取得'、 '/ file_listの'）;
xhr.send（）;
xhr.onreadystatechange =関数（）{
IF（xhr.readyState == 4）{
/ *
* JSON配列ターン
* /
VARデータ= JSON.parse（xhr.responseText）。
HTMLなど=「」がありました。
ため（VAR i = 0; iはdata.lengthを<; iは++）{
HTMLS [i]が+」 '+ =データ
}
document.getElementById（ 'DIV'）のinnerHTML = HTMLS。
}
}
</ SCRIPT>
</ BODY>
</ HTML>
________________________________________________________
2、バックエンドのファイルserver.js
constがHTTP =（ 'のhttp'）が必要です。
CONSTのfs =は（ 'FS'）を必要とします。
CONSTサーバ= http.createServer（）。
server.on（ '要求'、関数（REQ、RES）{
//ファイルの種類に基づいて、各要求に対して適切な応答を与えるために
VARのURL = req.url。
console.log（URLの）;
IF（URLの== '/'）{
res.writeHead（200、{ 'のContent-Type'： 'text / htmlの;のcharset = UTF-8'}）。
fs.readFile（ './ index.htmlを'、 'UTF-8'、関数（ERR、データ）{
もし（ERR）はconsole.log（ERR）
res.end（データ）
}）;
}そうであれば（URLの== '/ file_listの'）{
fs.readdir（ './'、 'UTF8'、（ERR、データ）=> {
/ **
*ときにデータ通信を行うためのクライアントとサーバ、JSONへのデータ・フォーマット
* /
res.end（JSON.stringify（データ））
}）
}他{
//自動的にバイナリ、ブラウザが自動的に認識します
//パスを追加する前に、あることに注意してください。
fs.readFile（ '' + URLを、関数（ERR、データ）{
もし（ERR）はconsole.log（ERR）
res.end（データ）
}）;
}
}）;
server.listen（1234、（）=> {
console.log（ 'このサーバは1234年にruningてされます'）
}）;