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 ajax的5种状态介绍
Aug 18 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
Aug 18 Javascript
javascript表单验证和Window详解
Dec 11 Javascript
javascript实现当前页导航激活的方法
Feb 27 Javascript
JavaScript通过join函数连接数组里所有元素的方法
Mar 20 Javascript
jQuery+HTML5实现手机摇一摇换衣特效
Jun 05 Javascript
jQuery解析返回的xml和json方法详解
Jan 05 Javascript
Bootstrap模态框插入视频的实现代码
Jun 25 Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
Feb 26 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
Sep 12 Javascript
vue与原生app的对接交互的方法(混合开发)
Nov 28 Javascript
vue-resource post数据时碰到Django csrf问题的解决
Mar 13 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
杏林同学录(七)
2006/10/09 PHP
将一维或多维的数组连接成一个字符串的php代码
2010/08/08 PHP
php图片上传存储源码并且可以预览
2011/08/26 PHP
PHP实现动态获取函数参数的方法示例
2018/04/02 PHP
详解PHP中curl_multi并发的实现
2020/06/08 PHP
css动画效果之animation的常用样式
2021/03/09 HTML / CSS
javascript一点特殊用法
2008/05/28 Javascript
open 动态修改img的onclick事件示例代码
2013/11/13 Javascript
jquery实现相册一下滑动两次的方法
2015/02/09 Javascript
JavaScript控制网页层收起和展开效果的方法
2015/04/15 Javascript
Backbone.js 0.9.2 源码注释中文翻译版
2015/06/25 Javascript
JS实现把鼠标放到链接上出现滚动文字的方法
2016/04/06 Javascript
jQuery 如何给Carousel插件添加新的功能
2016/04/18 Javascript
jquery实现全选和全不选功能效果的实现代码【推荐】
2016/05/05 Javascript
几行js代码实现自适应
2017/02/24 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
2017/09/03 jQuery
vue.js默认路由不加载linkActiveClass问题的解决方法
2017/12/11 Javascript
angularjs中$http异步上传Excel文件方法
2018/02/23 Javascript
vue路由跳转传参数的方法
2019/05/06 Javascript
详解基于 Node.js 的轻量级云函数功能实现
2019/07/08 Javascript
python中的yield使用方法
2014/02/11 Python
详细讲解用Python发送SMTP邮件的教程
2015/04/29 Python
python切片及sys.argv[]用法详解
2018/05/25 Python
基于Python3.6+splinter实现自动抢火车票
2018/09/25 Python
使用Keras建立模型并训练等一系列操作方式
2020/07/02 Python
Jupyter Notebook添加代码自动补全功能的实现
2021/01/07 Python
PacSun官网:加州生活方式服装、鞋子和配饰
2018/03/10 全球购物
幼儿园评语大全
2014/04/17 职场文书
租车协议书范本
2014/04/22 职场文书
投标授权委托书范文
2014/08/02 职场文书
干部作风纪律整顿心得体会
2016/01/23 职场文书
用Python将库打包发布到pypi
2021/04/13 Python
go结构体嵌套的切片数组操作
2021/04/28 Golang
Go语言实现Base64、Base58编码与解码
2021/07/26 Golang
Javascript使用integrity属性进行安全验证
2021/11/07 Javascript
vue里使用create, mounted调用方法
2022/04/26 Vue.js