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 相关文章推荐
基于Jquery实现键盘按键监听
May 11 Javascript
JavaScript三元运算符的多种使用技巧
Apr 16 Javascript
浅谈jquery拼接字符串效率比较高的方法
Feb 22 Javascript
jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
Mar 03 Javascript
Bootstrap Multiselect 常用组件实现代码
Jul 09 Javascript
web前端vue filter 过滤器
Jan 12 Javascript
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
Jul 31 Javascript
使用node.js实现微信小程序实时聊天功能
Aug 13 Javascript
详解Vue-cli3.X使用px2rem遇到的问题
Aug 09 Javascript
JS使用setInterval计时器实现挑战10秒
Nov 08 Javascript
JS代码实现页面切换效果
Jan 10 Javascript
vue3.0 项目搭建和使用流程
Mar 04 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操作MongoDB时的整数问题及对策说明
2011/05/02 PHP
浅析Dos下运行php.exe,出现没有找到php_mbstring.dll 错误的解决方法
2013/06/29 PHP
php+mysql实现数据库随机重排实例
2014/10/17 PHP
php的ddos攻击解决方法
2015/01/08 PHP
php实现SAE上使用storage上传与下载文件的方法
2015/06/29 PHP
php文件操作小结(删除指定文件/获取文件夹下的文件名/读取文件夹下图片名)
2016/05/09 PHP
关于jQuery新的事件绑定机制on()的使用技巧
2013/04/26 Javascript
jQuery之按钮组件的深入解析
2013/06/19 Javascript
javascript与cookie 的问题详解
2013/11/11 Javascript
jquery动态更换设置背景图的方法
2014/03/25 Javascript
JavaScript正则表达式之multiline属性的应用
2015/06/16 Javascript
Jquery uploadify上传插件使用详解
2016/01/13 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
2016/10/28 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
2016/12/17 Javascript
原生JS实现图片懒加载(lazyload)实例
2017/06/13 Javascript
echarts饼图扇区添加点击事件的实例
2017/10/16 Javascript
为输入框加入数字js校验代码分享
2017/11/02 Javascript
jQuery实现的两种简单弹窗效果示例
2018/04/18 jQuery
react实现antd线上主题动态切换功能
2019/08/12 Javascript
[01:03:59]2018DOTA2亚洲邀请赛3月30日 小组赛B组VGJ.T VS Secret
2018/03/31 DOTA
[01:00:22]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第三场 1月10日
2021/03/11 DOTA
用Python实现QQ游戏大家来找茬辅助工具
2014/09/14 Python
python运行时间的几种方法
2016/06/17 Python
分享python数据统计的一些小技巧
2016/07/21 Python
Python进阶_关于命名空间与作用域(详解)
2017/05/29 Python
python提取图像的名字*.jpg到txt文本的方法
2018/05/10 Python
python逆序打印各位数字的方法
2018/06/25 Python
python+splinter实现12306网站刷票并自动购票流程
2018/09/25 Python
用python实现英文字母和相应序数转换的方法
2019/09/18 Python
利用python中集合的唯一性实现去重
2020/02/11 Python
Converse匡威法国官网:美国著名帆布鞋品牌
2018/12/05 全球购物
团队精神口号
2014/06/06 职场文书
法定授权委托证明书
2014/09/27 职场文书
2014年机关工会工作总结
2014/12/19 职场文书
培训心得体会怎么写
2016/01/25 职场文书
react中props 的使用及进行限制的方法
2021/04/28 Javascript