详解使用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 相关文章推荐
JQuery实现用户名无刷新验证的小例子
Mar 22 Javascript
jquery $.fn $.fx是什么意思有什么用
Nov 04 Javascript
按下回车键指向下一个位置的一个函数代码
Mar 10 Javascript
jQuery中:button选择器用法实例
Jan 04 Javascript
修改或扩展jQuery原生方法的代码实例
Jan 13 Javascript
简介JavaScript中的getSeconds()方法的使用
Jun 10 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
Mar 27 Javascript
vue的Virtual Dom实现snabbdom解密
May 03 Javascript
详解Vue-cli 创建的项目如何跨域请求
May 18 Javascript
使用 vue 实例更好的监听事件及vue实例的方法
Apr 22 Javascript
js实现select下拉框选择
Jan 11 Javascript
使用Ajax实现进度条的绘制
Apr 07 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
图象函数中的中文显示
2006/10/09 PHP
php array_push()数组函数:将一个或多个单元压入数组的末尾(入栈)
2011/07/12 PHP
php 文件上传实例代码
2012/04/19 PHP
php语言流程控制中的主动与被动
2012/11/05 PHP
详解Grunt插件之LiveReload实现页面自动刷新(两种方案)
2015/07/31 PHP
关于ThinkPHP中的异常处理详解
2018/05/11 PHP
php的优点总结 php有哪些优点
2019/07/19 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
CSS3画一个阴阳八卦图
2021/03/09 HTML / CSS
javascript firefox兼容ie的dom方法脚本
2008/05/18 Javascript
JavaScript 快捷键设置实现代码
2009/03/13 Javascript
jquery tools 系列 scrollable(2)
2009/09/06 Javascript
javascript 三种方法实现获得和设置以及移除元素属性
2013/03/20 Javascript
技术男用来对妹子表白的百度首页
2014/07/23 Javascript
jQuery中DOM树操作之使用反向插入方法实例分析
2015/01/23 Javascript
vue.js实现单选框、复选框和下拉框示例
2017/07/18 Javascript
MUI 实现侧滑菜单及其主体部分上下滑动的方法
2018/01/25 Javascript
layui表格checkbox选择全选样式及功能的实例
2018/03/07 Javascript
JavaScript类型相关的常用操作总结
2019/02/14 Javascript
egg.js的基本使用和调用数据库的方法示例
2019/05/18 Javascript
JS图片懒加载的优点及实现原理
2020/01/10 Javascript
Vue实现仿iPhone悬浮球的示例代码
2020/03/13 Javascript
Python对象转JSON字符串的方法
2016/04/27 Python
使用Python制作一个打字训练小工具
2019/10/01 Python
Python 实现训练集、测试集随机划分
2020/01/08 Python
Biblibili视频投稿接口分析并以Python实现自动投稿功能
2021/02/05 Python
KIKO MILANO荷兰网上商店:意大利专业化妆品品牌
2017/05/12 全球购物
有关爱国演讲稿
2014/05/07 职场文书
员工安全生产责任书
2014/07/22 职场文书
4s店活动策划方案
2014/08/25 职场文书
2015年幼儿园元旦亲子活动方案
2014/12/09 职场文书
2015年毕业生实习评语
2015/03/25 职场文书
2016年10月份红领巾广播稿
2015/12/21 职场文书
导游词之太原天龙山
2020/01/02 职场文书
深入浅析Redis 集群伸缩原理
2021/05/15 Redis
html5表单的required属性使用
2021/07/07 HTML / CSS