Question

我有一个网页，可根据用户输入创建一个JSON对象。我想以某种方式允许用户将此JSON对象提交到NodeJS脚本以处理/插入MySQL数据库。但是，我真的不确定如何做这样的事情 - 我能想出的最好的是某种形式的POST，但我不知道从哪里开始。

因为我不知道这样的方法会被描述为什么，所以我在网上查找任何教程或其他资源方面都没有取得多大成功。

有人可以建议一些文章或文档来查看与此类似的内容吗？或者，至少，告诉我要搜索什么？谢谢。

编辑：这是我正在努力实现的代码。我只是想在两边都将POST数据类型从字符串转换为JSON。

了Serverside：

var express = require('express');
var fs = require('fs');
var app = express();

app.use(express.bodyParser());

app.get('/', function(req, res){
    console.log('GET /')
    //var html = '<html><body><form method="post" action="http://localhost:3000">Name: <input type="text" name="name" /><input type="submit" value="Submit" /></form></body>';
    var html = fs.readFileSync('index.html');
    res.writeHead(200, {'Content-Type': 'text/html'});
    res.end(html);
});

app.post('/', function(req, res){
    console.log('POST /');
    console.dir(req.body);
    res.writeHead(200, {'Content-Type': 'text/html'});
    res.end('thanks');
});

port = 8080;
app.listen(port);
console.log('Listening at http://localhost:' + port)

Clientside：

<html>
<body>
    <form method="post" action="http://localhost:8080">
        Name: <input type="text" name="name" />
        <input type="submit" value="Submit" />
    </form>

    <script type="text/JavaScript">
        console.log('begin');
        var http = new XMLHttpRequest();
        var params = "text=stuff";
        http.open("POST", "http://localhost:8080", true);

        http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        //http.setRequestHeader("Content-length", params.length);
        //http.setRequestHeader("Connection", "close");

        http.onreadystatechange = function() {
            console.log('onreadystatechange');
            if (http.readyState == 4 && http.status == 200) {
                alert(http.responseText);
            }
            else {
                console.log('readyState=' + http.readyState + ', status: ' + http.status);
            }
        }

        console.log('sending...')
        http.send(params);
        console.log('end');

    </script>

</body>
</html>

Answer 1

这是一个使用jQuery来执行post请求和快速应用程序的非常基本的示例。我认为这应该是一个不错的起点。

// client side, passing data to the server
$.post("/foo/", { data : { foo : "bar" } }, function(temp) {
    // temp === "I am done";    
});

// serverside app.js

var express = require("express");

var app = express();

// will parse incoming JSON data and convert it into an object literal for you
app.use(express.json());
app.use(express.urlencoded());

app.post("/foo/", function(req, res) {
    // each key in req.body will match the keys in the data object that you passed in
    var myObject = req.body.data;
    // myObject.foo === "bar"
    res.send("I am done");
});

编辑： JSON.stringify（）和JSON.parse（）将序列化/反序列化JSON。（jQuery使这更容易，但如果你想要纯粹的javascript）

更改为var params = "text=" + JSON.stringify({ foo : "bar" });

和

console.dir(JSON.parse(req.body.text));

在我当地为我工作。

将JSON对象从clientside JavaScript传递到NodeJS

1 个答案: