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 相关文章推荐
新手入门常用代码集锦
Jan 11 Javascript
jquery tablesorter.js 支持中文表格排序改进
Dec 09 Javascript
javascript 学习笔记(八)javascript对象
Apr 12 Javascript
JavaScript中匿名函数用法实例
Mar 23 Javascript
jQuery实现的手机发送验证码倒计时效果代码分享
Aug 24 Javascript
JS实现可点击展开与关闭的左侧广告代码
Sep 02 Javascript
Node.js中路径处理模块path详解
Nov 14 Javascript
微信小程序 Nginx环境配置详细介绍
Feb 14 Javascript
js, jQuery实现全选、反选功能
Mar 08 Javascript
Vue axios 中提交表单数据(含上传文件)
Jul 06 Javascript
实例讲解Vue.js中router传参
Apr 22 Javascript
详解微信小程序支付流程与梳理
Jul 16 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
drupal 代码实现URL重写
2011/05/04 PHP
php发送post请求函数分享
2014/03/06 PHP
php的sso单点登录实现方法
2015/01/08 PHP
PHP验证码无法显示的原因及解决办法
2017/08/11 PHP
PHP中quotemeta()函数的用法讲解
2019/04/04 PHP
HR vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
js showModalDialog 弹出对话框的简单实例(子窗体)
2014/01/07 Javascript
JavaScript子窗口调用父窗口变量和函数的方法
2015/10/09 Javascript
jquery插件ContextMenu设置右键菜单
2017/03/13 Javascript
原生JS实现简单的倒计时功能示例
2018/08/30 Javascript
详解Vue组件插槽的使用以及调用组件内的方法
2018/11/13 Javascript
详解vue 图片上传功能
2019/04/30 Javascript
深入解析Vue源码实例挂载与编译流程实现思路详解
2019/05/05 Javascript
JS使用cookie保存用户登录信息操作示例
2019/05/30 Javascript
vscode 使用Prettier插件格式化配置使用代码详解
2020/08/10 Javascript
初步解析Python中的yield函数的用法
2015/04/03 Python
利用selenium 3.7和python3添加cookie模拟登陆的实现
2017/11/20 Python
Python简单实现两个任意字符串乘积的方法示例
2018/04/12 Python
flask框架视图函数用法示例
2018/07/19 Python
python中append函数用法讲解
2020/12/11 Python
CSS3制作日历实现代码
2012/01/21 HTML / CSS
详解通过变换矩阵实现canvas的缩放功能
2019/01/14 HTML / CSS
城市规划毕业生求职信
2013/10/10 职场文书
轻金属冶金专业毕业生自荐信
2013/11/02 职场文书
小学生作文评语大全
2014/04/21 职场文书
残疾人小组计划书
2014/04/27 职场文书
小学数学教学经验交流材料
2014/05/22 职场文书
端午节演讲稿
2014/05/23 职场文书
党的群众路线对照检查材料思想汇报
2014/09/25 职场文书
党员个人整改方案及措施
2014/10/25 职场文书
党的群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
五年级小学生评语
2014/12/26 职场文书
高中班主任寄语
2019/06/21 职场文书
详解Node.js如何处理ES6模块
2021/05/15 Javascript
Python使用Kubernetes API访问集群
2021/05/30 Python
javascript函数式编程基础
2021/09/15 Javascript