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 vvorld 在线加密破解方法
Nov 13 Javascript
基于jQuery的实现简单的分页控件
Oct 10 Javascript
jqPlot 基于jquery的画图插件
Apr 26 Javascript
jQuery代码优化之基本事件
Nov 01 Javascript
javaScript 删除字符串空格多种方法小结
Oct 24 Javascript
JS实现淘宝幻灯片效果的实现方法
Mar 22 Javascript
通过javascript获取iframe里的值示例代码
Jun 24 Javascript
深入理解javascript动态插入技术
Nov 12 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
Oct 09 Javascript
基于Bootstrap实现tab标签切换效果
Apr 15 Javascript
基于Vue的商品主图放大镜方案详解
Sep 19 Javascript
JavaScript 实现HTML DOM增删改查操作的常见方法详解
Jan 04 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常量使用的几个需要注意的地方(谨慎使用PHP中的常量)
2014/09/12 PHP
php使用str_replace替换多维数组的实现方法分析
2017/06/15 PHP
在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
2010/03/02 Javascript
JS获取html对象的几种方式介绍
2013/12/05 Javascript
JavaScript自定义日期格式化函数详细解析
2014/01/14 Javascript
js+cookies实现悬浮购物车的方法
2015/05/25 Javascript
jQuery基于muipicker实现仿ios时间选择
2016/02/22 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
2016/06/13 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
2016/06/24 Javascript
微信小程序日历组件calendar详解及实例
2017/06/08 Javascript
微信小程序 跳转传递数据的实例
2017/07/06 Javascript
jQuery实现拼图小游戏(实例讲解)
2017/07/24 jQuery
vue params、query传参使用详解
2017/09/12 Javascript
highcharts.js数据绑定方式代码实例
2019/11/13 Javascript
webpack常用配置总览(小结)
2019/11/18 Javascript
了不起的11个JavaScript代码重构最佳实践小结
2021/01/11 Javascript
python+VTK环境搭建及第一个简单程序代码
2017/12/13 Python
python使用tornado实现简单爬虫
2018/07/28 Python
对python多线程中互斥锁Threading.Lock的简单应用详解
2019/01/11 Python
Python实现京东秒杀功能代码
2019/05/16 Python
Keras自定义实现带masking的meanpooling层方式
2020/06/16 Python
Python 没有main函数的原因
2020/07/10 Python
Python变量格式化输出实现原理解析
2020/08/06 Python
Cole Haan官方网站:美国时尚潮流品牌
2017/12/06 全球购物
台湾三立电视电商平台:电电购
2019/09/09 全球购物
Linux文件操作命令都有哪些
2016/07/23 面试题
电气自动化大学生求职信
2013/10/16 职场文书
销售副总经理岗位职责
2013/12/11 职场文书
小学新教师培训方案
2014/02/03 职场文书
外语系毕业生求职自荐信
2014/04/12 职场文书
2014年敬老院工作总结
2014/12/08 职场文书
2015年党建工作总结
2015/03/30 职场文书
2015年维修工作总结
2015/04/25 职场文书
有关花店创业的计划书模板
2019/08/27 职场文书
几款流行的HTML5 UI框架比较(小结)
2021/04/08 HTML / CSS
Python基础之字符串格式化详解
2021/04/21 Python