簡體   English   中英

Node.js Ajax調用修改JSON數據

[英]Node.js Ajax Call Modify JSON Data

這是我第一次使用node.js,我已經成功地將json數據成功發送到我的node.js服務器,但是我不知道如何將json數據傳遞到服務器內部的函數中並對其進行修改。 我的應用程序意圖是一個簡單的計時器來展示node.js的工作方式。 如果有人可以給我一些幫助,將不勝感激。

更新,我可以使我的代碼在控制台中運行,計時器現在開始計時,但沒有寫回到html頁面。

下面是我的代碼,

 function incrementTimer(time) { if (time.second != 60) { time.second +=1; } else { time.second = 0; if (time.minute != 60) { time.minute +=1; } else { time.minute = 0; time.hour +=1; } } return time; } var port = 8080; var http = require("http"); var server = http.createServer(); server.on('request', request); server.listen(port); function request(request, response) { console.log('Request Recieved'); var store = ""; request.on('data', function(data) { store += data; }); store = incrementTimer(store); request.on('end', function() { console.log(store); var storeObj = JSON.parse(store); incrementTimer(storeObj); response.setHeader("Content-Type", "text/json"); response.setHeader("Access-Control-Allow-Origin", "*"); response.end(JSON.stringify(storeObj) }); } console.log('Server Started'); 
 <html> <head> <title>Node.js Demo</title> </head> <body> <h1>Demo of Node.JS</h1> <div id="timer"></div> <button onclick="startTimer(0,0,0)">Start Timer</button> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <script> function startTimer(s,m,h) { $.ajax({ type: "POST", url: "http://localhost:8080", crossDomain: true, dataType: "json", data:JSON.stringify({second: s, minute: m, hour: h}), success: function (data) { $('#timer').text(data.hour + ":" + data.minute + ":" + data.second); setTimeout(function(){ startTimer(data.second,data.minute,data.hour); }, 1000); }, error: function (xhr, ajaxOptions, thrownError) { alert(xhr.status); alert(thrownError); } }); } </script> </body> </html> 

我試圖寫一個id是一個非常簡單的錯誤,但這是一個類。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM