node想html发送数据,的Node.js - 以HTML形式发送数据的Node.js和验证插入的数据

本文档探讨了使用Ajax从HTML表单向Node.js服务器发送数据时遇到的问题。作者在JavaScript中使用$.ajax尝试POST表单数据,但遇到了跨域访问错误。虽然数据成功到达服务器,但Ajax的success回调并未触发。问题可能是由于缺少CORS设置导致的。
摘要由CSDN通过智能技术生成

的index.html

My Title

function 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.

在此先感谢!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值