Node.js如何響應Ajax的POST請求並且保存爲JSON文件詳解

實現目的

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裏寫的回調函數。服務器目錄下會多一個,證明結果正確。

總結

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

……