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 判断页面元素是否存在的代码
Aug 14 Javascript
jQuery实现动画效果的简单实例
Jan 27 Javascript
jQuery函数的第二个参数获取指定上下文中的DOM元素
May 19 Javascript
用jquery实现动画跳到顶部和底部(这个比较简单)
Sep 01 Javascript
jQuery仿gmail实现fixed布局的方法
May 27 Javascript
Vue关于数据绑定出错解决办法
May 15 Javascript
JavaScript实现跟随滚动缓冲运动广告框
Jul 15 Javascript
在Js页面通过POST传递参数跳转到新页面详解
Aug 25 Javascript
Webpack中publicPath路径问题详解
May 03 Javascript
MockJs结合json-server模拟后台数据
Aug 26 Javascript
VUE 实现element upload上传图片到阿里云
Aug 12 Javascript
vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案
Aug 05 Vue.js
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网站地图生成类示例
2014/01/13 PHP
Drupal读取Excel并导入数据库实例
2014/03/02 PHP
ThinkPHP 3.2 数据分页代码分享
2014/10/14 PHP
PHP读取大文件的多种方法介绍
2016/04/04 PHP
一个js封装的不错的选项卡效果代码
2008/02/15 Javascript
效率高的Javscript字符串替换函数的benchmark
2008/08/02 Javascript
jQuery对象和DOM对象相互转化
2009/04/24 Javascript
JS 遮照层实现代码
2010/03/31 Javascript
JQquery的一些使用心得分享
2012/08/01 Javascript
Jquery 例外被抛出且未被接住原因介绍
2013/09/04 Javascript
JS 实现导航栏悬停效果(续2)
2013/09/24 Javascript
php显示当前文件所在的文件以及文件夹所有文件以树形展开
2013/12/13 Javascript
Eclipse下jQuery文件报错出现错误提示红叉
2014/01/13 Javascript
js的参数有长度限制吗?发现不能超过2083个字符
2014/04/20 Javascript
node.js中的querystring.escape方法使用说明
2014/12/10 Javascript
javascript实现的图片切割多块效果实例
2015/05/07 Javascript
jquery计算鼠标和指定元素之间距离的方法
2015/06/26 Javascript
jQuery实现图片加载完成后改变图片大小的方法
2016/03/29 Javascript
最棒的Angular2表格控件
2016/08/10 Javascript
AngularJS API之copy深拷贝详解及实例
2016/09/14 Javascript
Bootstrap输入框组件简单实现代码
2017/03/06 Javascript
JS实现分页浏览横向图片(类轮播)实例代码
2017/11/06 Javascript
javaScript之split与join的区别(详解)
2017/11/08 Javascript
如何在vue中使用kindeditor富文本编辑器
2020/12/19 Vue.js
[03:24][TI9纪实] Dota奶爸
2019/08/22 DOTA
以Python的Pyspider为例剖析搜索引擎的网络爬虫实现方法
2015/03/30 Python
python实现的系统实用log类实例
2015/06/30 Python
python读写ini配置文件方法实例分析
2015/06/30 Python
简单了解django索引的相关知识
2019/07/17 Python
Python如何实现后端自定义认证并实现多条件登陆
2020/06/22 Python
Rentalcars.com中国:世界上最大的在线汽车租赁服务
2019/08/22 全球购物
承诺书怎么写
2014/03/26 职场文书
结婚堵门保证书
2015/05/08 职场文书
资金申请报告范文
2015/05/14 职场文书
民事撤诉申请书范本
2015/05/18 职场文书
企业宣传语大全
2015/07/13 职场文书