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 相关文章推荐
一个js的tab切换效果代码[代码分离]
Apr 11 Javascript
关于jquery性能最佳实践的讨论,与求教
Mar 30 Javascript
ajax中get和post的说明及使用与区别
Dec 23 Javascript
node.js中的fs.writeFile方法使用说明
Dec 14 Javascript
js选项卡的实现方法
Feb 09 Javascript
整理Javascript基础语法学习笔记
Nov 29 Javascript
jQuery生成假加载动画效果
Dec 01 Javascript
jQuery中的siblings()是什么意思(推荐)
Dec 29 Javascript
Koa2 之文件上传下载的示例代码
Mar 29 Javascript
layui 数据表格复选框实现单选功能的例子
Sep 19 Javascript
浅谈Vue为什么不能检测数组变动
Oct 14 Javascript
js实现滑动进度条效果
Aug 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
当年上海收录机产品生产,进口和价格情况
2021/03/04 无线电
PHP.MVC的模板标签系统(三)
2006/09/05 PHP
PHP 文件缓存的性能测试
2010/04/25 PHP
php的zip解压缩类pclzip使用示例
2014/03/14 PHP
C#静态方法与非静态方法实例分析
2014/09/22 PHP
突发奇想的一个jquery插件
2010/11/19 Javascript
一个网马的tips实现分析
2010/11/28 Javascript
简单的Jquery全选功能
2013/11/07 Javascript
js中把JSON字符串转换成JSON对象最好的方法
2014/03/21 Javascript
js实现禁止中文输入的方法
2015/01/14 Javascript
卸载安装Node.js与npm过程详解
2016/08/15 Javascript
Vue.js实现表格动态增加删除的方法(附源码下载)
2017/01/20 Javascript
详解微信小程序canvas圆角矩形的绘制的方法
2018/08/22 Javascript
Element UI框架中巧用树选择器的实现
2018/12/12 Javascript
vue2 v-model/v-text 中使用过滤器的方法示例
2019/05/09 Javascript
微信小程序云开发如何使用云函数生成二维码
2019/05/18 Javascript
这样回答继承可能面试官更满意
2019/12/10 Javascript
javascript设计模式 ? 备忘录模式原理与用法实例分析
2020/04/21 Javascript
Ubuntu 14.04+Django 1.7.1+Nginx+uwsgi部署教程
2014/11/18 Python
Linux CentOS7下安装python3 的方法
2018/01/21 Python
django输出html内容的实例
2018/05/27 Python
Python PO设计模式的具体使用
2019/08/16 Python
python能做什么 python的含义
2019/10/12 Python
wxPython电子表格功能wx.grid实例教程
2019/11/19 Python
python3 常见解密加密算法实例分析【base64、MD5等】
2019/12/19 Python
python实现图片转换成素描和漫画格式
2020/08/19 Python
使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的方法
2014/04/03 HTML / CSS
Sunglasses Shop德国站:欧洲排名第一的太阳镜网站
2017/08/01 全球购物
植树节标语
2014/06/27 职场文书
放弃遗产继承公证书
2015/01/26 职场文书
就业证明函
2015/06/17 职场文书
小学生六年级作文之关于感恩
2019/08/16 职场文书
Nginx的反向代理实例详解
2021/03/31 Servers
javascript canvas实现雨滴效果
2021/06/09 Javascript
python中的mysql数据库LIKE操作符详解
2021/07/01 MySQL
JS封装cavans多种滤镜组件
2022/02/15 Javascript