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裏寫的回調函數。服務器目錄下會多一個,證明結果正確。
總結
以上就是這篇文章的.全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。謝謝大家對的支持。
……
-
php項目經理的職責表述7篇
php項目經理的職責表述11、負責售前技術支持。配合銷售人員作售前產品技術講解、演示;2、根據客户需求反饋研發,提供良好解決方案3、遠程現場技術支持4、網絡環境搭建和服務器配置;5、車載產品安裝調試;6、軟件平台安裝調試;7、負責區域售後技術支持;8、參與項...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
網頁設計10大靈感來源介紹
不僅僅只有網頁設計能激發我們創建出色網站的動力,幾乎我們身邊的任何事都會有此作用。以下是本站小編搜索整理的關於網頁設計10大靈感來源介紹,供參考借鑑,希望對大家有所幫助!想了解更多相關信息請持續關注我們應屆畢業生考試網!自然圖01圖02思考設計的最佳場所...
-
dreamweaver的學習心得
當我們備受啟迪時,寫心得體會是一個不錯的選擇,這樣我們可以養成良好的總結方法。那麼要如何寫呢?下面是小編收集整理的dreamweaver的學習心得,歡迎閲讀與收藏。dreamweaver的學習心得1目前,互聯網是最快捷的信息傳播渠道之一,學習網頁製作成了學生必須掌握的一項技...
相關文章
- javascript解析json實例
- 如何實現bootstrap jquery dataTable異步ajax刷新表格數據
- JavaScript中push(),join() 函數實例詳解
- asp.net+jquery Jsonp使用方法介紹
- java與javascript之間json格式數據互轉詳解
- Java Ajax jsonp跨域請求詳解
- 如何使用Jackson解析JSON示例
- java如何利用java.net.URLConnection發送HTTP請求
- 英語閲讀:Feelings of joy and thoughts from joy
- JavaScript如何實現JSON.stringify