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动态改变form属性提交表单
Jun 03 Javascript
JS实现的用来对比两个用指定分隔符分割的字符串是否相同
Sep 19 Javascript
JavaScript导出Excel实例详解
Nov 25 Javascript
Angular2入门教程之模块和组件详解
May 28 Javascript
Three.js如何用轨迹球插件(trackball)增加对模型的交互功能详解
Sep 25 Javascript
详解VUE2.X过滤器的使用方法
Jan 11 Javascript
解决Vue 项目打包后favicon无法正常显示的问题
Sep 01 Javascript
Node.js一行代码实现静态文件服务器的方法步骤
May 07 Javascript
vue 父组件中调用子组件函数的方法
Jun 06 Javascript
JavaScript生成一个不重复的ID的方法示例
Sep 16 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
Dec 30 jQuery
原生js实现滑块区间组件
Jan 20 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获取谷歌PR值算法,附上php查询PR值代码示例
2011/12/25 PHP
Function eregi is deprecated (解决方法)
2013/06/21 PHP
Yii数据模型中rules类验证器用法分析
2016/07/15 PHP
Smarty模板配置实例简析
2019/07/20 PHP
学习ExtJS Window常用方法
2009/10/07 Javascript
一个简单的瀑布流效果(主体形式自写)
2013/05/27 Javascript
jquery ajax中使用jsonp的限制解决方法
2013/11/22 Javascript
jQuery获取URL请求参数的方法
2015/07/18 Javascript
浏览器兼容的JS写法总结
2016/04/27 Javascript
Bootstrap富文本组件wysiwyg数据保存到mysql的方法
2016/05/09 Javascript
JS点击某个图标或按钮弹出文件选择框的实现代码
2016/09/27 Javascript
基于javascript实现最简单选项卡切换
2017/02/01 Javascript
JavaScript中splice与slice的区别
2017/05/09 Javascript
Element-ui table中过滤条件变更表格内容的方法
2018/03/02 Javascript
JavaScript常用截取字符串的三种方式用法区别实例解析
2018/05/15 Javascript
详解封装基础的angular4的request请求方法
2018/06/05 Javascript
JavaScript中为事件指定处理程序的五种方式分析
2018/07/27 Javascript
JavaScript事件发布/订阅模式原理与用法分析
2018/08/21 Javascript
在vue中使用echars实现上浮与下钻效果
2019/11/08 Javascript
vue3.0实现点击切换验证码(组件)及校验
2020/11/18 Vue.js
[44:39]2014 DOTA2国际邀请赛中国区预选赛 NE VS CNB
2014/05/21 DOTA
Python与R语言的简要对比
2017/11/14 Python
python编程使用协程并发的优缺点
2018/09/20 Python
在Pandas中给多层索引降级的方法
2018/11/16 Python
NumPy 基本切片和索引的具体使用方法
2019/04/24 Python
selenium+Chrome滑动验证码破解二(某某网站)
2019/12/17 Python
Python Gluon参数和模块命名操作教程
2019/12/18 Python
Python绘制数码晶体管日期
2021/02/19 Python
英国最大的海报商店:GB Posters
2018/03/20 全球购物
MAC Cosmetics官方网站:魅可专业艺术彩妆
2019/04/10 全球购物
后勤服务中心总经理工作职责
2014/03/03 职场文书
学校政风行风自查自纠报告
2014/10/21 职场文书
2014年公路养护工作总结
2014/12/04 职场文书
2015年青年志愿者协会工作总结
2015/04/27 职场文书
小型婚礼主持词
2015/06/30 职场文书
运动会加油稿50字
2015/07/21 职场文书