fetch 使用及如何接收JS传值
2019/6/27 20:34:03
本文主要是介绍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中接受方式
接受方式如下:
$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传值,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
这篇关于fetch 使用及如何接收JS传值的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set