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 相关文章推荐
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
jquery 1.3.2 IE8中的一点点的小问题解决方法
Jul 10 Javascript
关于JavaScript的with 语句的使用方法
May 09 Javascript
jQuery中[attribute!=value]选择器用法实例
Dec 31 Javascript
Javascript显示和隐藏ul列表的方法
Jul 15 Javascript
下一代Bootstrap的5个特点 超酷炫!
Jun 17 Javascript
jQuery实现table中的tr上下移动并保持序号不变的实例代码
Jul 11 Javascript
Bootstrap基本插件学习笔记之标签切换(17)
Dec 08 Javascript
javascript常用的设计模式
Feb 09 Javascript
详解vue-cli项目开发/生产环境代理实现跨域请求
Jul 23 Javascript
JS数组进阶示例【数组的几种函数用法】
Jan 16 Javascript
js实现移动端轮播图滑动切换
Dec 21 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
不用iconv库的gb2312与utf-8的互换函数
2006/10/09 PHP
PHP文本数据库的搜索方法
2006/10/09 PHP
PHP与已存在的Java应用程序集成
2006/10/09 PHP
用php+javascript实现二级级联菜单的制作
2008/05/06 PHP
PHP调用MySQL的存储过程的实现代码
2008/08/12 PHP
基于Windows下Apache PHP5.3.1安装教程
2010/01/08 PHP
php中在PDO中使用事务(Transaction)
2011/05/14 PHP
PHP编码转换
2012/11/05 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
精通JavaScript 纠正 cleanWhitespace函数
2010/03/11 Javascript
JavaScript 的继承
2011/10/01 Javascript
JS 获取鼠标左右键的键值方法
2014/10/11 Javascript
Jquery实现仿腾讯微博发表广播
2014/11/17 Javascript
jquery实现图片水平滚动效果代码分享
2015/08/26 Javascript
Bootstrap的图片轮播示例代码
2015/08/31 Javascript
javascript容错处理代码(屏蔽js错误)
2017/01/20 Javascript
jQuery实现页面倒计时并刷新效果
2017/03/13 Javascript
详解vue2.0组件通信各种情况总结与实例分析
2017/03/22 Javascript
JS库之wow.js使用方法
2017/09/14 Javascript
Vue slot用法(小结)
2018/10/22 Javascript
详解vue微信网页授权最终解决方案
2019/06/16 Javascript
JavaScript实现的3D旋转魔方动画效果实例代码
2019/07/31 Javascript
Windows下anaconda安装第三方包的方法小结(tensorflow、gensim为例)
2018/04/05 Python
virtualenv 指定 python 解释器的版本方法
2018/10/25 Python
Python实现数据结构线性链表(单链表)算法示例
2019/05/04 Python
Python使用sklearn实现的各种回归算法示例
2019/07/04 Python
python OpenCV GrabCut使用实例解析
2019/11/11 Python
python飞机大战pygame游戏之敌机出场实现方法详解
2019/12/17 Python
详解Ubuntu环境下部署Django+uwsgi+nginx总结
2020/04/02 Python
Python如何批量生成和调用变量
2020/11/21 Python
上班看电影检讨书
2014/02/12 职场文书
学校元旦晚会方案
2014/02/19 职场文书
社区平安建设方案
2014/05/25 职场文书
任命书怎么写
2014/06/04 职场文书
法院四风对照检查材料思想汇报
2014/10/06 职场文书
vue中this.$http.post()跨域和请求参数丢失的解决
2022/04/08 Vue.js