首頁 > web前端 > js教程 > 詳解fetch的使用方法及如何接收JS傳值

詳解fetch的使用方法及如何接收JS傳值

小云云
發布: 2017-12-22 10:41:30
原創
3694 人瀏覽過

本文主和要介紹了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中接受方式

#接受方式如下:

$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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板