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裏寫的回調函數。服務器目錄下會多一個,證明結果正確。
總結
以上就是這篇文章的.全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。謝謝大家對的支持。
……
相關文章
-
Java Ajax jsonp跨域請求詳解
怎樣用java代碼發起ajax 的jsonp並得到返回數據? 以下是本站小編搜索整理的關於Java Ajax jsonp跨域請求詳解,感興趣的小夥伴們可以參考一下!想了解更多相關信息請持續關注我們應屆畢業生考試網! 1、什麼是JSONP一 -
java與javascript之間json格式數據互轉詳解
javascript中對象與字符串的互轉對象轉爲字符串:通過de方法,這個是裏面的方法,引入到當前文件就可以了。字符串轉換爲對象:①使用de方法,同上,引入js就可以了。②jQuery中有個方法,$eJson也可以實現。java中json字符串與對象 -
如何使用Jackson解析JSON示例
導語:爲了方便大家Java的.學習,下面是小編給大家提供的如何使用Jackson解析JSON示例,大家可以參考閱讀,更多詳情請關注應屆畢業生考試網。package ;import ception;import yList;import Map;import ator;import edHashMap -
如何實現bootstrap jquery dataTable異步ajax刷新表格數據
導語:下面小編給大家提供瞭如何實現bootstrap jquery dataTable 異步ajax刷新表格數據,大家可以參考閱讀,更多詳情請關注應屆畢業生考試網。 異步請求var postData = {"env_name" : new_env_name,"env_url": new_env_ -
java如何利用java.net.URLConnection發送HTTP請求
只有心智成熟和精神自由纔會讓你在流年裏等待花開,處繁華中守住真醇,於蕪雜中靜養心性。這是我這本書中最喜歡的一句話,這本書陪我走過了兩個年頭,在單調無味的高中生活中它像清晨的一縷陽光,照亮了我前進的道路,當我迷茫困 -
JavaScript中push(),join() 函數實例詳解
定義和用法push方法 可向數組的末尾添加一個或多個元素,並返回一個新的.長度。join方法 用於把數組中所有元素添加到一個指定的字符串,元素是通過指定的分隔符進行分割的。語法(newelement1,newelement2,....,newelemen -
javascript解析json實例
導語:JSON 語法是 JavaScript 語法的子集。下面的.是本站小編爲大家蒐集的javascript解析json實例,希望可以幫到大家。php生成json格式使用頁面代碼如下:alert(ONString());如果返回false說明沒數據js 代碼:代碼如下:fun -
英語閱讀:Feelings of joy and thoughts from joy
One of the best experiences during my trip to the US is to have seen artworks of Stella in De Young and MoMA. But today I have some new thoughts when look through the pictures I took. I feel like actu -
JavaScript如何實現JSON.stringify
導語:JavaScript如何實現JSON.stringify呢?通過下面教程大家會有所收穫,更多詳情請關注應屆畢業生考試網。JSON.stringify是瀏覽器高版本帶的一個將JS的Objtect對象轉換爲JSON字符串的一個方法,不過再IE6下面,並不存在JSO -
asp.net+jquery Jsonp使用方法介紹
服務器端複製代碼 代碼如下:string callback = Request["callback"];string response = at(""value1":"{0}","value2":"{1}", v1, v2);string call = callback + "({" + response + "})";e(call);客戶端這裏使用JQ,有