如何发送表单数据使用JavaScript向服务器
如何发送表单数据使用JavaScript向服务器
我有两台服务器,一个阵营(在地址http://localhost:3000/contact
),另一个是快速(在地址http://localhost:5000/
)工作。我想通过一些HTTP请求方法为POST方法发送表单数据的对象,但我得到了“后端”侧空对象。
我有一个简单的形式与首先创建与表格数据值的对象的事件onSubmit
:
const data = {
firstInput: evt.target.elements.firstInput.value,
secondInput: evt.target.elements.secondInput.value
}
注:我测试如果得到的所有数据,直到这里DevTools和应对开发工具,直至在这里它的伟大工程。
而随着快递第二服务器只需要一个简单的端点应当接收该数据或至少打印我在req.body
对象发送:
server.post("/", (req, res) => {
res.end(req.body);
});
注2:还测试了这款端点,它工作正常,但req.body
得到一个空对象。
我已经测试了几种方法,如:
本地
fetch
API:fetch("http://localhost:5000/", { method: "POST", headers: { Accept: "application/json", "Content-Type": "application/json" }, body: JSON.stringify(data) }).then(res => { console.log(res); });
错误:
此外,试图与async
await
/ fetch API
的做法,但我不知道如何使用它作出反应的组成部分。
我也试过http API但我同样得到了。
我想我的第一个问题是如何正确地发送从组件侧到服务器端的格式化数据。不管怎么说,还是要谢谢你。
回答如下:使用这个包query-string你可以使用这样的:
import queryString from 'query-string';
fetch('url here', {
method: 'POST',
headers: {'Content-Type':'application/x-www-form-urlencoded'}, // this line is important
body: queryString.stringify({for:'bar', blah:1}
});
最新文章
- 在信雅达的一年
- Cocos2dx 之 cocosbuilder的使用
- linux中三台主机之间互信,22、linux的ssh互信配置
- php json数据值,php操作JSON格式数据
- 电视信号的数字化
- 倾听:不只是听见
- mmap是什么,为什么?
- 网络设备流量及性能监控的实现
- 排列 组合 算法(一)
- 二叉树的五种遍历方式
- c语言判断正整数x是否为同构数,c语言上机题库(阅读).doc
- (亲测可用)html5 file调用手机摄像头
- r语言如何计算均方误差
- C语言中itoa和atoi函数的用法
- html弹出div弹窗
- 关于CList的小知识
- 快速无符号整数开方
- Python 爬取网页
- linux查看tomcat 控制台,linux 下查看Tomcat的状态,以及开启停止服务命令
- global mapper裁剪DEM文件的方法