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 相关文章推荐
利用jq让你的div居中的好方法分享
Nov 21 Javascript
js的touch事件的实际引用
Oct 13 Javascript
JSON格式的键盘编码对照表
Jan 29 Javascript
jQuery插件实现静态HTML验证码校验
Nov 06 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
May 27 Javascript
JS禁止查看网页源代码的实现方法
Oct 12 Javascript
JS逻辑运算符短路操作实例分析
Jul 09 Javascript
vue-cli中vue本地实现跨域调试接口
Jan 16 Javascript
微信小程序实现电子签名并导出图片
May 27 Javascript
vue+axios全局添加请求头和参数操作
Jul 24 Javascript
express异步函数异常捕获示例详解
Nov 30 Javascript
vue特效之翻牌动画
Apr 20 Vue.js
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实现分页的一个示例
2006/10/09 PHP
php header示例代码(推荐)
2010/09/08 PHP
PHP安全性漫谈
2012/06/28 PHP
PHP表单递交控件名称含有点号(.)会被转化为下划线(_)的处理方法
2013/01/06 PHP
PHP简单实现解析xml为数组的方法
2018/05/02 PHP
PHP实现小程序批量通知推送
2018/11/27 PHP
PHP registerXPathNamespace()函数讲解
2019/02/03 PHP
Laravel配置全局公共函数的方法步骤
2019/05/09 PHP
php的扩展写法总结
2019/05/14 PHP
使用jQuery清空file文件域的解决方案
2013/04/12 Javascript
JavaScript分秒倒计时器实现方法
2015/02/02 Javascript
JavaScript判断用户是否对表单进行了修改的方法
2015/03/18 Javascript
原生JS实现响应式瀑布流布局
2015/04/02 Javascript
jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
2016/07/01 Javascript
VeeValidate在vue项目里表单校验应用案例
2018/05/09 Javascript
使用 vue-i18n 切换中英文效果
2018/05/23 Javascript
小程序云函数调用API接口的方法
2019/05/17 Javascript
vue 实现 rem 布局或vw 布局的方法
2019/11/13 Javascript
js实现动态时钟
2020/03/12 Javascript
jQuery中getJSON跨域原理的深入讲解
2020/09/02 jQuery
详解Python中dict与set的使用
2015/08/10 Python
Python爬虫之模拟知乎登录的方法教程
2017/05/25 Python
Python使用os.listdir()和os.walk()获取文件路径与文件下所有目录的方法
2019/04/01 Python
加拿大休闲和工业服装和鞋类零售商:L’Équipeur
2018/01/12 全球购物
Casetify官网:自制专属手机壳、iPad护壳和Apple Watch手表带
2018/05/09 全球购物
Timberland澳大利亚官网:全球领先的户外品牌
2019/12/10 全球购物
美国在线购买内衣网站:HerRoom
2020/02/22 全球购物
Ajax请求总共有多少种Callback
2016/07/17 面试题
组织关系转移介绍信
2014/01/16 职场文书
美德好少年事迹材料
2014/01/19 职场文书
高三自我评价
2014/02/01 职场文书
领导干部失职检讨书
2015/05/05 职场文书
观看建国大业观后感
2015/06/01 职场文书
用基于python的appium爬取b站直播消费记录
2021/04/17 Python
Python+Tkinter打造签名设计工具
2022/04/01 Python
MySQL分区以及建索引的方法总结
2022/04/13 MySQL