fetch 使用及如何接收JS傳值
更新時間:2017年11月11日 11:59:13 投稿:mrr
這篇文章主和要介紹了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']
總結(jié)
以上所述是小編給大家介紹的fetch 使用及如何接收JS傳值,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復(fù)大家的!
相關(guān)文章
JS移動端/H5同時選擇多張圖片上傳并使用canvas壓縮圖片
這篇文章主要介紹了JS移動端/H5同時選擇多張圖片上傳并使用canvas壓縮圖片,需要的朋友可以參考下2017-06-06layerui代碼控制tab選項卡,添加,關(guān)閉的實例
今天小編就為大家分享一篇layerui代碼控制tab選項卡,添加,關(guān)閉的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09javascript實現(xiàn)checkBox的全選,反選與賦值
這篇文章主要介紹了javascript實現(xiàn)checkBox的全選,反選與賦值的方法,以實例形式詳細分析了實現(xiàn)的思路及對應(yīng)的html與js代碼的實現(xiàn)過程2015-03-03