详解使用fetch发送post请求时的参数处理


Posted in Javascript onApril 05, 2017

详解使用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的写法也是一个重点,注意。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
JavaScript的模块化:封装(闭包),继承(原型) 介绍
Jul 22 Javascript
jquery网页元素拖拽插件效果及实现
Aug 05 Javascript
artDialog双击会关闭对话框的修改过程分享
Aug 05 Javascript
jQuery的$.proxy()应用示例介绍
Apr 03 Javascript
JavaScript设计模式之装饰者模式介绍
Dec 28 Javascript
JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
Mar 02 Javascript
js实现延迟加载的方法
Jun 24 Javascript
js阻止浏览器默认行为触发的通用方法(推荐)
May 15 Javascript
JavaScript中输出信息的方法(信息确认框-提示输入框-文档流输出)
Jun 12 Javascript
移动端效果之Swiper详解
Oct 09 Javascript
js实现无缝轮播图特效
May 09 Javascript
JS写滑稽笑脸运动效果
May 28 Javascript
详解用webpack2.0构建vue2.0超详细精简版
Apr 05 #Javascript
关于vuex的学习实践笔记
Apr 05 #Javascript
详解基于webpack和vue.js搭建开发环境
Apr 05 #Javascript
ionic2打包android时gradle无法下载的解决方法
Apr 05 #Javascript
使用gulp搭建本地服务器并实现模拟ajax
Apr 05 #Javascript
Vue.js render方法使用详解
Apr 05 #Javascript
self.attachevent is not a function的解决方法
Apr 04 #Javascript
You might like
改变Apache端口等配置修改方法
2008/06/05 PHP
php读取csv文件后,uft8 bom导致在页面上显示出现问题的解决方法
2013/08/10 PHP
Yii2框架数据库简单的增删改查语法小结
2016/08/31 PHP
js setTimeout opener的用法示例详解
2013/10/23 Javascript
js类定义函数时用prototype与不用的区别示例介绍
2014/06/10 Javascript
input标签内容改变的触发事件介绍
2014/06/18 Javascript
jquery validate demo 基础
2015/10/29 Javascript
Swiper自定义分页器使用详解
2017/12/28 Javascript
vue.js数据绑定操作详解
2018/04/23 Javascript
详解npm 配置项registry修改为淘宝镜像
2018/09/07 Javascript
vue中使用input[type="file"]实现文件上传功能
2018/09/10 Javascript
vue微信分享的实现(在当前页面分享其他页面)
2019/04/16 Javascript
JS中的算法与数据结构之字典(Dictionary)实例详解
2019/08/20 Javascript
使用jQuery实现掷骰子游戏
2019/10/24 jQuery
详解JavaScript自定义函数
2020/07/29 Javascript
原生js+canvas实现下雪效果
2020/08/02 Javascript
解决vue elementUI 使用el-select 时 change事件的触发问题
2020/11/17 Vue.js
[59:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第二局
2016/03/04 DOTA
python中requests使用代理proxies方法介绍
2017/10/25 Python
Python爬虫的两套解析方法和四种爬虫实现过程
2018/07/20 Python
Python/ArcPy遍历指定目录中的MDB文件方法
2018/10/27 Python
Python实现定时执行任务的三种方式简单示例
2019/03/30 Python
python中class的定义及使用教程
2019/09/18 Python
如何快速一次性卸载所有python包(第三方库)呢
2020/10/20 Python
Python word文本自动化操作实现方法解析
2020/11/05 Python
关于Python3的import问题(pycharm可以运行命令行import错误)
2020/11/18 Python
Python 实现二叉查找树的示例代码
2020/12/21 Python
英国最大的独立家具零售商:Furniture Village
2016/09/06 全球购物
JBL澳大利亚官方商店:扬声器、耳机和音响系统
2018/05/24 全球购物
美国折扣香水网站:The Perfume Spot
2020/12/12 全球购物
大学毕业生通用自荐信范文
2013/10/31 职场文书
医务工作者先进事迹材料
2014/01/26 职场文书
幼儿园小班植树节活动方案
2014/03/04 职场文书
商务英语专业毕业生求职信
2014/07/06 职场文书
班子个人四风问题整改措施
2014/10/04 职场文书
考试没考好检讨书(精选篇)
2014/11/16 职场文书