首页 > web前端 > js教程 > 正文

详解fetch的使用方法及如何接收JS传值

小云云
发布: 2017-12-22 10:41:30
原创
4045人浏览过

本文主和要介绍了fetch 使用及如何接收js传值,文中给大家提到了fetch基本使用方式和接收js传值的使用方式,需要的朋友可以参考下,希望能帮助到大家。

使用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中接受方式

接受方式如下:

法语写作助手
法语写作助手

法语助手旗下的AI智能写作平台,支持语法、拼写自动纠错,一键改写、润色你的法语作文。

法语写作助手 31
查看详情 法语写作助手
$arr = file_get_contents("php://input");
登录后复制

返回字符串对象,使用值需要做如下处理:

$result=array();
 foreach (explode('&', $arr) as $t){
 list($a,$b)=explode('=', $t);
 $result[$a]=$b;
 }
登录后复制

此时便可以如下接收传值:

$result['username']
登录后复制

相关推荐:

php中的四个fetch语句

如何解决在fetch方法中添加header后遇到的预检请求

JavaScript如何使用fetch来完成异步请求的实例介绍

以上就是详解fetch的使用方法及如何接收JS传值的详细内容,更多请关注php中文网其它相关文章!

相关标签:
最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号