我的最终目标是在单击按钮时将任意 JSON 发送到 node.js。我目前只知道如何从表单发送输入。下面是我编写的一些用于发送表单信息的代码:
function postForm() {
$('form').submit(function(e) {
e.preventDefault(); // no page reload
$.post(
$(this).attr('action'),
$(this).serialize(),
function(data) { console.log('Code for handling response here.') },
'json'
);
});
}
HTML 的样子:
<form action='/send' method='post'>
<input name= "foo" type="radio" value=1>
<input type="submit" value="Submit">
</form>
相关的 express/node.js 代码如下所示:
app.post('/send', function(request, response) {
fs.appendFile('test.txt', JSON.stringify(request.body) + '\n', function(e) {
if(e) throw e;
console.log(request.body);
});
});
但是,我不知道如何调整此示例以使用不是来自表单输入的数据。为了提供上下文,我正在构建一个基于 Web 的用户研究,我想将收集到的有关用户的各种信息发送到 node.js。我已经尝试了用于表单提交的变体,但我的尝试都没有成功。我的印象是我可以将 $(this).serialize()
换成客户端可以访问的任何其他数据,但我无法让这种思路发挥作用。我还尝试更改许多 .ajax()
示例中的一些示例,但这些示例总是重定向页面,这是不可取的,因为如果页面刷新,我的研究将丢失用户状态信息。
我已经完成了大量的客户端和服务器端编程,但我几乎不知道 ajax 是如何工作的,这对于解决这个问题来说是个问题!而且也相当愚蠢,因为通常情况下,这就是将两者粘合在一起的原因:)
最佳答案
由于您使用的是 jQuery,发送数据很简单——调用 $.post(url, data)
来自按钮的 click
处理程序:
$('#somebutton').click(function() {
var data = { key: 'value', ... };
$.post('/send', data, function(res) {
// success callback
});
});
浏览器将 POST
到 url,并使用 data 参数的 URL 编码序列化。
POST /send HTTP/1.1
Content-Type: application/x-www-form-urlencoded
...
key=value&...
Which Express 的 bodyParser
不会有问题。或者,您可以告诉 jQuery 发送 data 的 JSON 序列化:
$.post('/send', data, function(res) {}, 'json');
在您的情况下,jQuery 如何传输数据(URL 编码或 JSON)并不重要,因为 bodyParser
会自动反序列化这两种格式。
关于ajax - 如何在不重新加载页面的情况下将任意 JSON 发送到 node.js?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13711271/