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获取FCK编辑器信息的具体方法
Jul 12 Javascript
JavaScript基础知识学习笔记
Dec 02 Javascript
jquery转盘抽奖功能实现
Nov 13 Javascript
jQuery实现标题有打字效果的焦点图代码
Nov 16 Javascript
轻松掌握JavaScript状态模式
Sep 07 Javascript
分析JS中this引发的bug
Dec 12 Javascript
原生JS实现$.param() 函数的方法
Aug 10 Javascript
antd Upload 文件上传的示例代码
Dec 14 Javascript
详解Element-UI中上传的文件前端处理
Aug 07 Javascript
如何在node环境实现“get数据解析”代码实例
Jul 03 Javascript
关于element-ui表单中限制输入纯数字的解决方式
Sep 08 Javascript
vue-router 控制路由权限的实现
Sep 24 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数组对百万数据进行排除重复数据的实现代码
2010/06/08 PHP
php+xml结合Ajax实现点赞功能完整实例
2015/01/30 PHP
thinkphp表单上传文件并将文件路径保存到数据库中
2016/07/28 PHP
在 PHP 和 Laravel 中使用 Traits的方法
2019/11/13 PHP
JavaScript静态的动态
2006/09/18 Javascript
javascript function调用时的参数检测常用办法
2010/02/26 Javascript
JavaScript学习笔记(二) js对象
2011/10/25 Javascript
通过AngularJS实现图片上传及缩略图展示示例
2017/01/03 Javascript
Easyui Tree获取当前选择节点的所有顶级父节点
2017/02/14 Javascript
JS高仿抛物线加入购物车特效实现代码
2017/02/20 Javascript
ES6中Generator与异步操作实例分析
2017/03/31 Javascript
jQuery制作input提示内容(兼容IE8以上)
2017/07/05 jQuery
js HTML5 canvas绘制图片的方法
2017/09/08 Javascript
puppeteer实现html截图的示例代码
2019/01/10 Javascript
PHPStorm中如何对nodejs项目进行单元测试详解
2019/02/28 NodeJs
详解解决小程序中webview页面多层history返回问题
2019/08/20 Javascript
python复制文件代码实现
2013/12/23 Python
Python SQLAlchemy基本操作和常用技巧(包含大量实例,非常好)
2014/05/06 Python
Python类属性与实例属性用法分析
2015/05/09 Python
python连接字符串的方法小结
2015/07/13 Python
Python实现PS图像调整黑白效果示例
2018/01/25 Python
用Python解决x的n次方问题
2019/02/08 Python
python psutil监控进程实例
2019/12/17 Python
浅谈keras中的后端backend及其相关函数(K.prod,K.cast)
2020/06/29 Python
python开发入门——set的使用
2020/09/03 Python
韩国女装NO.1网店:STYLENANDA
2016/09/16 全球购物
MSC邮轮官方网站:加勒比海、地中海和世界各地的假期
2018/08/27 全球购物
英国儿童设计师服装和玩具购物网站:Zac & Lulu
2020/10/19 全球购物
代码中finally中的代码会不会执行
2012/02/06 面试题
物业经理求职自我评价
2013/09/22 职场文书
实习生自我评价
2014/01/18 职场文书
最新创业融资计划书
2014/01/19 职场文书
学生会竞聘书范文
2014/03/31 职场文书
小学课外阅读总结
2014/07/09 职场文书
岗位工作说明书
2014/07/29 职场文书
2014年社区民政工作总结
2014/12/02 职场文书