fetch 使用及如何接收JS传值

2019-11-16,,,

使用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 fetch接口案例解析
  • ES6 fetch函数与后台交互实现
  • 详解ES6 Fetch API HTTP请求实用指南
  • ES6的Fetch异步请求的实现方法
  • vue项目中使用fetch的实现方法
  • fetch 如何实现请求数据
  • 浅谈Fetch 数据交互方式
  • Fetch超时设置与终止请求详解

《fetch 使用及如何接收JS传值.doc》

下载本文的Word格式文档,以方便收藏与打印。