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面向对象、prototype、call()、apply()
May 14 Javascript
仅IE9/10同时支持script元素的onload和onreadystatechange事件分析
Apr 27 Javascript
jquery取子节点及当前节点属性值的方法
Sep 09 Javascript
JavaScript 弹出子窗体并返回结果到父窗体的实现代码
May 28 Javascript
jQuery.Callbacks()回调函数队列用法详解
Jun 14 Javascript
简单实现JS倒计时效果
Dec 23 Javascript
原生js实现可爱糖果数字时间特效
Dec 30 Javascript
js实现手机发送验证码功能
Mar 13 Javascript
vue.js实现条件渲染的实例代码
Jun 22 Javascript
javascript 判断用户有没有操作页面
Oct 17 Javascript
剖析Angular Component的源码示例
Mar 23 Javascript
ES6基础之 Promise 对象用法实例详解
Aug 22 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程序
2006/10/09 PHP
攻克CakePHP系列三 表单数据增删改
2008/10/22 PHP
php中可能用来加密字符串的函数[base64_encode、urlencode、sha1]
2012/01/16 PHP
PHP设计模式之责任链模式的深入解析
2013/06/13 PHP
php/js获取客户端mac地址的实现代码
2013/07/08 PHP
PHP获取指定时间段之间的 年,月,天,时,分,秒
2016/06/05 PHP
Laravel实现自定义错误输出内容的方法
2016/10/10 PHP
JavaScript 字符串乘法
2009/08/20 Javascript
取选中的radio的值
2010/01/11 Javascript
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
2011/06/02 Javascript
Javascript冒泡排序算法详解
2014/12/03 Javascript
jquery实现侧边弹出的垂直导航
2014/12/09 Javascript
浅谈jquery.fn.extend与jquery.extend区别
2015/07/13 Javascript
jquery获取复选框checkbox的值实现方法
2016/05/30 Javascript
jquery中live()方法和bind()方法区别分析
2016/06/23 Javascript
BootStrapValidator初使用教程详解
2017/02/10 Javascript
jQuery源码分析之sizzle选择器详解
2017/02/13 Javascript
jquery实现超简单的瀑布流布局【推荐】
2017/03/08 Javascript
JavaScript对象_动力节点Java学院整理
2017/06/23 Javascript
JavaScript 异步调用
2017/10/25 Javascript
微信小程序异步处理详解
2017/11/10 Javascript
Koa2 之文件上传下载的示例代码
2018/03/29 Javascript
vue计算属性及使用详解
2018/04/02 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
2019/05/18 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
2020/05/14 Javascript
[45:25]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.22
2019/09/05 DOTA
解析Python中的__getitem__专有方法
2016/06/27 Python
Python 循环语句之 while,for语句详解
2018/04/23 Python
python读取excel指定列数据并写入到新的excel方法
2018/07/10 Python
Win10下安装并使用tensorflow-gpu1.8.0+python3.6全过程分析(显卡MX250+CUDA9.0+cudnn)
2020/02/17 Python
python多进程使用函数封装实例
2020/05/02 Python
英国泽西岛植物:Jersey Plants Direct
2019/08/07 全球购物
Ray-Ban雷朋太阳眼镜英国官网:Ray-Ban UK
2019/11/23 全球购物
2013年员工自我评价范文
2013/12/27 职场文书
优秀员工表扬信
2014/01/17 职场文书
python基础之类属性和实例属性
2021/10/24 Python