小菜鳥變大笨鳥-體驗使用node的文件系統1

體驗使用node的文件系統來完成增長一個文件，並在文件中寫入本身想要的內容

HTML結構：

<input type="text" placeholder="文件名" id="filesName"><br>
    <textarea name="contain" cols="30" rows="10" id="filesContain"></textarea><br>
    <button onclick="createFile()">生成</button>

js部分（這裏有使用前面封裝好的ajax的方法）

function createFile() {
      ajax({
        url: 'http://localhost:9213',
        type: "get",
        data: {
          filesName: filesName.value,
          filesContain: filesContain.value
        },
        success: function (res) {
          res
        },
        error: function () {
          alert("生成出錯");
        }
      })
    }

node部分

var http = require("http");
var urlLid = require("url"); //處理get請求參數
var fs = require("fs"); //引入文件系統

// 使用到了fs的writeFile方法，將內容寫入指定的文件
// writeFile(文件名,內容,callback)

http
  .createServer(function (req, res) {
    res.setHeader("Access-Control-Allow-Origin", "*"); //容許跨域
    let paramsObj = urlLid.parse(req.url, true).query;
    fs.writeFile(paramsObj.filesName, paramsObj.filesContain, function (error) {
      if (error) {
        console.log(error);
      }
      console.log("生成完畢");
    });
  })
  .listen(9213);

頁面呈現：

效果呈現