實現目的
使用開發的前端應用,使用者與圖互動更改圖的內容後,如何在下一次載入的顯示上一次最後互動的內容?
本文提供通過後端的程式提供一種最小化方案,作為參考。
開發環境後端:模組: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裡寫的.回撥函式。伺服器目錄下會多一個,證明結果正確。
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。謝謝大家對的支援。
……