详解使用fetch发送post请求时的参数处理
更新时间：2017年04月05日 10:18:01 投稿：lqh
这篇文章主要介绍了详解使用fetch发送post请求时的参数处理的相关资料,需要的朋友可以参考下
详解使用fetch发送post请求时的参数处理
不考虑古董浏览器之后，使用fetch来发送ajax请求，变得非常爽快和时尚。
但是，发送post请求的时候，把笔者卡了一下。后台如下获取参数时，总是为null
String q = req.getParameter("q");
研究了好久，总算写出正确的使用方式了。直接上代码。
fetch("/search/project/", {
method: "POST",
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
},
body: "q=参数q"
}).then(function(response) {
// do sth
});
关键点在于headers，因为默认Content-Type不是application/x-www-form-urlencoded，所以导致后台无法正确获取到q的值。
body的写法也是一个重点，注意。
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
按常理循环绑定事件，但是得到的结果却不是想要的，下面有个不错的示例，可以为大家详细分解下2014-04-04
大家都喜欢用innerHTML添加内容，但是innerHTML这东西在两大阵营中有许多不同。2010-02-02
这篇文章主要介绍了浅谈 Webpack 如何处理图片(开发、打包、优化)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
踩了很多次坑,终于在微信小程序中搞定了图片上传以及内容安全审核,下面这篇文章主要给大家介绍了关于微信小程序图片上传以及内容安全审核的相关资料,文中通过图文以及实例代码介绍的非常详细,需要的朋友可以参考下2023-04-04
在现代的Web应用开发中,与Excel文件的导入和导出成为了一项常见而重要的任务,本文主要介绍了如何在熟悉的电子表格 UI 中轻松导入 Excel 文件,需要的可以参考下2024-03-03
Function.prototype.call和Function.prototype.apply都是非常常用的方法,它们的作用一模一样,区别仅在于传入参数形式的不同,下面这篇文章主要介绍了JavaScript深入理解系列之call与apply的相关资料,需要的朋友可以参考下2022-04-04
这篇文章主要为大家介绍了JavaScript设计模式中的单例模式，对JavaScript设计模式感兴趣的小伙伴们可以参考一下2016-01-01
项目需要做了如下的东西，希望能给其他需要的同学们一点参考。2010-08-08
这篇文章主要介绍了原生JS如何实现相邻月份日历，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下2020-10-10
页面滚动加载事件，获取元素在页面里的top值根据滚动条的位置判断何时显示图片；获取元素集合 加载过的图片从集合里删除，具体实现如下，感兴趣的朋友各位可以参考下哈2013-06-06
最新评论