Node.js如何響應Ajax的POST請求並且儲存為JSON檔案詳解

才智咖 人氣:2.16W

實現目的

Node.js如何響應Ajax的POST請求並且儲存為JSON檔案詳解

使用開發的前端應用,使用者與圖互動更改圖的內容後,如何在下一次載入的顯示上一次最後互動的內容?

本文提供通過後端的程式提供一種最小化方案,作為參考。

開發環境後端:模組:Express、bodyparser、fs前端:JQuery

後端

1、安裝nodejs,裝好後用顯示版本號確認是否安裝好

node version

2、新建一工程目錄(資料夾),安裝模組。

npm install expressnpm install bodyparser

Express 是一種 Web 應用程式框架:

bodyParser是用來解析http請求體:

3、新建一個

var express = require('express');var bodyParser = require('bodyparser');var fs = require('fs');var app = express();// ncoded解析form表單提交的資料(ncoded({extended: false}));// 解析json資料格式的(());('/saveJSON',function(req, res){// 物件轉換為字串var str_json = JSON.stringify(); eFile('', str_json, 'utf8', function(){// 儲存完成後的回撥函式("儲存完成");});});en(3000);

4、執行

Node

它會監視 傳送來的請求。

如果請求來自:,它就會在服務器目錄下儲存一個檔案,檔案的內容是客戶端傳送的post資料。

前端

// 建立一個物件var person = {name: "lucy",age: 25}// 通過JQuery 傳送POST請求,內容是person$("",person,function(data, status){alert("Data: " + data + " Status: " + status);});

在瀏覽器載入後,後端控制檯顯示“儲存完成”,這是我們在writeFile裡寫的.回撥函式。伺服器目錄下會多一個,證明結果正確。

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。謝謝大家對的支援。

……