fetch 使用及如何接收JS传值


Posted in Javascript onNovember 11, 2017

使用fetch基本方式:

fetch('https://mywebsite.com/endpoint/', {
 method: 'POST',
 headers: { 'Accept': 'application/json', 'Content-Type': 'application/json'},
 body: JSON.stringify({ username: 'username', password: 'password'})
 }).then(function(res){
 console.log(res)
 })

方式一:增加headers 定义

在headers头部定义如下:

headers: {'Content-Type': 'application/x-www-form-urlencoded'},

同时body传值使用如下方式:

body:'username='+uname+'&password='+password

在php中使用如下接收

input('username')

方式二:改变php中接受方式

接受方式如下:

$arr = file_get_contents("php://input");

返回字符串对象,使用值需要做如下处理:

$result=array();
 foreach (explode('&', $arr) as $t){
 list($a,$b)=explode('=', $t);
 $result[$a]=$b;
 }

此时便可以如下接收传值:

$result['username']

总结

以上所述是小编给大家介绍的fetch 使用及如何接收JS传值,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
JS去除字符串两端空格的简单实例
Dec 27 Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
Apr 16 Javascript
AngularJs 60分钟入门基础教程
Apr 03 Javascript
Bootstrap栅格系统学习笔记
Nov 25 Javascript
Web前端开发之水印、图片验证码
Nov 27 Javascript
JS实现购物车特效
Feb 02 Javascript
整理关于Bootstrap警示框的慕课笔记
Mar 29 Javascript
微信小程序 获取二维码实例详解
Jun 23 Javascript
一篇文章让你彻底弄懂JS的事件冒泡和事件捕获
Aug 14 Javascript
vue 设置proxyTable参数进行代理跨域
Apr 09 Javascript
vue 使用鼠标滚动加载数据的例子
Oct 31 Javascript
JavaScript实现移动端弹窗后禁止滚动
May 25 Javascript
AngularJS使用ng-repeat遍历二维数组元素的方法详解
Nov 11 #Javascript
AngularJS遍历获取数组元素的方法示例
Nov 11 #Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
Nov 11 #Javascript
vue父组件向子组件动态传值的两种方法
Nov 11 #Javascript
详解Vue如何支持JSX语法
Nov 10 #Javascript
微信小程序异步处理详解
Nov 10 #Javascript
微信小程序实现选项卡功能
Jun 19 #Javascript
You might like
PHP异常处理定义与使用方法分析
2017/07/25 PHP
仿新浪微博登陆邮箱提示效果的js代码
2013/08/02 Javascript
JavaScript中的console.assert()函数介绍
2014/12/29 Javascript
JavaScript中rem布局在react中的应用
2015/12/09 Javascript
JavaScript字符串常用的方法
2016/03/10 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
2016/04/17 Javascript
深入解析Javascript闭包的功能及实现方法
2016/07/10 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
2017/01/06 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
2017/01/13 Javascript
JS中实现函数return多个返回值的实例
2017/02/21 Javascript
微信小程序 MD5的方法详解及实例代码
2017/03/10 Javascript
老生常谈js-react组件生命周期
2017/05/02 Javascript
vue.js全局API之nextTick全面解析
2017/07/07 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
2018/05/04 Javascript
解决LayUI表单获取不到data的问题
2018/08/20 Javascript
vue获取验证码倒计时组件
2019/08/26 Javascript
Vue+penlayers实现多边形绘制及展示
2020/12/24 Vue.js
[01:00:25]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS Liquid
2018/03/31 DOTA
[33:17]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python构建自定义回调函数详解
2017/06/20 Python
python+VTK环境搭建及第一个简单程序代码
2017/12/13 Python
Python命令行解析模块详解
2018/02/01 Python
Python实现读取txt文件并转换为excel的方法示例
2018/05/17 Python
解决pip install xxx报错SyntaxError: invalid syntax的问题
2018/11/30 Python
PyCharm使用之配置SSH Interpreter的方法步骤
2019/12/26 Python
TensorFlow通过文件名/文件夹名获取标签,并加入队列的实现
2020/02/17 Python
Python全局变量与global关键字常见错误解决方案
2020/10/05 Python
阿迪达斯俄罗斯官方商城:adidas俄罗斯
2017/03/08 全球购物
施工安全协议书
2013/12/11 职场文书
放飞梦想演讲稿600字
2014/08/26 职场文书
社区五一劳动节活动总结
2015/02/09 职场文书
交通肇事罪辩护词
2015/05/21 职场文书
2016年优秀团员事迹材料
2016/02/25 职场文书
个人职业生涯规划之自我评估篇
2019/09/03 职场文书
MySQL系列之十四 MySQL的高可用实现
2021/07/02 MySQL
python游戏开发Pygame框架
2022/04/22 Python