通過javascript將JSON數據從客戶端發送到服務器

Question

我試圖從client.html發送一個簡單的字符串化JSON對象，由server.js使用http接收。 服務器是使用Node.js實現的。問題是它不會從客戶端發送到服務器（因為我期望它是一個應該工作的POST方法）。 客戶端從服務器接收響應並在控制台上顯示它。

Client.html

<!DOCTYPE html>
<head>
 <meta charset="utf-8"/>
 <title>Client </title>
</head>
<body>
<script>
function httpGetAsync(theUrl, callback)
{
  var xmlHttp = new XMLHttpRequest();
  xmlHttp.onreadystatechange = function() {
    if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
      callback(xmlHttp.responseText);
    }
   xmlHttp.open("GET", theUrl, true); // true for asynchronous
   xmlHttp.send(JSON.stringify({x: 5}));
}


httpGetAsync("http://127.0.0.1:3000", function(response) {
  console.log("recieved ... ", response);
});
</script>
</body>

server.js

// content of index.js
const http = require('http')
const port = 3000

const requestHandler = (request, response) => {
  console.log(request.url)
  response.end('Hello Node.js Server!') // this is read on the client side
  request.on('data', function(data) {
    console.log("recieved: " + JSON.parse(data).x) // Not showing on the console !!!!
  })
}

const server = http.createServer(requestHandler)

server.listen(port, (err) => {
  if (err) {
    return console.log('something bad happened', err)
  }

  console.log(`server is listening on ${port}`)
})

要運行server.js，請在命令終端中輸入：

node server.js

旁注：我知道這個問題很可能非常簡單，但我主要使用c ++，python，除了以后我從未在Web開發工作。 請幫助我把它搞定

Answer 1

根據教授阿爾曼的說法，用“POST”取代“GET”得到了我需要的client.html

<!DOCTYPE html>
<head>
 <meta charset="utf-8"/>
 <title>Client </title>
</head>
<body>
<script>
function httpGetAsync(theUrl, callback)
{
  var xmlHttp = new XMLHttpRequest();
  xmlHttp.onreadystatechange = function() {
    if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
      callback(xmlHttp.responseText);
    }
   xmlHttp.open("POST", theUrl, true); // true for asynchronous
   xmlHttp.send(JSON.stringify({x: 5}));
}


httpGetAsync("http://127.0.0.1:3000", function(response) {
  console.log("recieved ... ", response);
});
</script>
</body>

通過javascript將JSON數據從客戶端發送到服務器

問題描述

1 個解決方案

解決方案1
0 已采納 2017-05-05 19:44:27

通過javascript將JSON數據從客戶端發送到服務器

問題描述

1 個解決方案

解決方案1 0 已采納 2017-05-05 19:44:27

解決方案1
0 已采納 2017-05-05 19:44:27