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 相关文章推荐
JavaScript 原型继承
Dec 26 Javascript
jQuery设置与获取HTML,文本和值的简单实例
Feb 26 Javascript
JavaScript开发人员的10个关键习惯小结
Dec 05 Javascript
Javascript常用字符串判断函数代码分享
Dec 08 Javascript
JS动态添加iframe的代码
Sep 14 Javascript
详解Javascript事件驱动编程
Jan 03 Javascript
javascript的正则匹配方法学习
Feb 24 Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
Jan 21 Javascript
详解layui中的树形关于取值传值问题
Jan 16 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
Jul 06 Javascript
详解Vue 全局变量,局部变量
Apr 17 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
Oct 11 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
上海地方志办公室-上海电子仪表工业志
2021/03/04 无线电
mysql建立外键
2006/11/25 PHP
PHP 数据库树的遍历方法
2009/02/06 PHP
PHP限制HTML内容中图片必须是本站的方法
2015/06/16 PHP
PHP实现微信提现(企业付款到零钱)
2019/08/01 PHP
JavaScript 对象的属性和方法4种不同的类型
2010/03/19 Javascript
Node.js事件驱动
2015/06/18 Javascript
jQuery插件imgPreviewQs实现上传图片预览
2016/01/15 Javascript
AngularJS模块详解及示例代码
2016/08/17 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
2017/03/14 Javascript
微信小程序性能优化之checkSession的使用
2019/03/06 Javascript
qrcode生成二维码微信长按无法识别问题的解决
2019/04/04 Javascript
微信小程序wepy框架学习和使用心得详解
2019/05/24 Javascript
快速解决element的autofocus失效问题
2020/09/08 Javascript
[04:28]DOTA2亚洲邀请赛小组赛第五日 TOP10精彩集锦
2015/02/03 DOTA
[30:51]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第一局
2016/03/04 DOTA
Python使用urllib模块的urlopen超时问题解决方法
2014/11/08 Python
Python使用struct处理二进制的实例详解
2017/09/11 Python
Python爬虫实例扒取2345天气预报
2018/03/04 Python
Python编写合并字典并实现敏感目录的小脚本
2019/02/26 Python
pandas读取CSV文件时查看修改各列的数据类型格式
2019/07/07 Python
css3实现平移效果(transfrom:translate)的示例
2020/11/13 HTML / CSS
您的网上新华书店:文轩网
2016/08/24 全球购物
中国领先的专业家电网购平台:国美在线
2016/12/25 全球购物
Nordgreen手表德国官方网站:丹麦极简主义手表
2019/10/31 全球购物
某公司的.net工程师面试题笔试题
2013/11/22 面试题
亲子拓展活动方案
2014/02/20 职场文书
陈欧的广告词
2014/03/18 职场文书
电子商务专业毕业生自荐书
2014/06/22 职场文书
课外科技活动总结
2014/08/27 职场文书
学校领导班子群众路线整改措施
2014/09/16 职场文书
工程安全生产协议书
2014/11/21 职场文书
2014年招商引资工作总结
2014/11/22 职场文书
丽江古城导游词
2015/02/03 职场文书
公司捐书倡议书
2015/04/27 职场文书
研究生毕业登记表的自我鉴定范文
2019/07/15 职场文书