的index.html
My Titlefunction sendFormData(){
var formData = JSON.stringify($("#myForm").serializeArray());
$.ajax({
type: "POST",
url:"http://localhost:3000/test",
data: formData,
sucess: function(){
alert("something!");
},
error: function(textstatus, errorThrown) {
alert('text status ' + textstatus + ', err ' + errorThrown);
}
});
}
Name:
Address:
,我如何使用Node.js将数据发送到服务器
server.js
// Dependencies
var express = require('express');
var bodyParser = require('body-parser');
// Express
var app = express();
app.use(bodyParser.urlencoded({ extended: true}));
app.use(bodyParser.json());
// Get information submitted
app.post('/test', function(req, res) {
console.log("Information received !");
console.log(req.body);
res.send("Ok!");
});
// Start server
app.listen(3000);
console.log("API is running on port 3000");
我有两个问题。
我是否正确地将提取的数据从表单发送到服务器?我可以看到控制台中的值,但网页不断加载。我只是想发送数据,显示和提醒,并保持与清洁表单域相同的页面。
我应该在将数据发送到服务器之前还是之后验证表单中的数据(以及如何)?例如,确保在字段名称中没有插入数字,或者字段名称长度小于30个字符。
更新:我用Ajax而不是我最初的方法发送数据到服务器。我能够在控制台中看到使用ajax发送的信息,但ajax成功处理程序不会触发。我得到这个错误XMLHttpRequest cannot load http://localhost:3000/test. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
在此先感谢!