详解使用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实现页面图片等比例放大缩小功能
Feb 12 Javascript
JavaScript的instanceof运算符学习教程
Jun 08 Javascript
js中json处理总结之JSON.parse
Oct 14 Javascript
JS填写银行卡号每隔4位数字加一个空格
Dec 19 Javascript
Bootstrap popover用法详解
Dec 22 Javascript
JS中如何实现点击a标签返回页面顶部的问题
Jan 19 Javascript
JS原型与原型链的深入理解
Feb 15 Javascript
微信小程序 引入es6 promise
Apr 12 Javascript
Ionic + Angular.js实现验证码倒计时功能的方法
Jun 12 Javascript
基于Vue 2.0的模块化前端 UI 组件库小结
Dec 21 Javascript
vue-cli构建vue项目的步骤详解
Jan 27 Javascript
浅谈javascript错误处理
Aug 11 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
关于使用key/value数据库redis和TTSERVER的心得体会
2013/06/28 PHP
php中的静态变量的基本用法
2014/03/20 PHP
PHP共享内存使用与信号控制实例分析
2018/05/09 PHP
Ajax+PHP实现的分类列表框功能示例
2019/02/11 PHP
在 Laravel 中动态隐藏 API 字段的方法
2019/10/25 PHP
JavaScript写的一个DIV 弹出网页对话框
2009/08/14 Javascript
超轻量级的基于jquery的三级展开列表
2011/04/26 Javascript
文本框输入时 实现自动提示(像百度、google一样)
2012/04/05 Javascript
解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
2013/01/11 Javascript
javascript数组输出的两种方式
2015/01/13 Javascript
asp.net中oracle 存储过程(图文)
2015/08/12 Javascript
使用jquery插件qrcode生成二维码
2015/10/22 Javascript
延时加载JavaScript代码提高速度
2015/12/27 Javascript
jQuery实现的调整表格行tr上下顺序
2016/01/10 Javascript
javascript设计模式之单体模式学习笔记
2017/02/15 Javascript
js移动端事件基础及常用事件库详解
2017/08/15 Javascript
H5实现仿flash效果的实现代码
2017/09/29 Javascript
Vue开发中遇到的跨域问题及解决方法
2020/02/11 Javascript
JavaScript实现轮播图效果
2020/10/30 Javascript
python使用mysql的两种使用方式
2018/03/07 Python
Python实现统计给定字符串中重复模式最高子串功能示例
2018/05/16 Python
Python实现爬虫爬取NBA数据功能示例
2018/05/28 Python
Python Series从0开始索引的方法
2018/11/06 Python
windows中安装Python3.8.0的实现方法
2019/11/19 Python
logging level级别介绍
2020/02/21 Python
Django 自定义权限管理系统详解(通过中间件认证)
2020/03/11 Python
keras的siamese(孪生网络)实现案例
2020/06/12 Python
Keras保存模型并载入模型继续训练的实现
2021/02/20 Python
Linux内核的同步机制是什么?主要有哪几种内核锁
2016/07/11 面试题
打架检讨书800字
2014/01/10 职场文书
三年大学生活自我鉴定
2014/01/21 职场文书
门诊手术室工作制度
2014/01/30 职场文书
公证书样本
2014/04/10 职场文书
市场调查策划方案
2014/06/10 职场文书
黑白记忆观后感
2015/06/18 职场文书