資訊專欄INFORMATION COLUMN
摘要：最近做項(xiàng)目，需要用到后臺(tái)是第一次使用進(jìn)行請(qǐng)求，本以為同一樣，會(huì)很簡(jiǎn)單，但是結(jié)果往往不讓人滿意啊，請(qǐng)求很簡(jiǎn)單，這里就不說(shuō)了，主要說(shuō)下請(qǐng)求方式。以上只是個(gè)人的實(shí)踐經(jīng)過(guò)，有其他解決辦法的，歡迎留言。
最近做項(xiàng)目，需要用到vue,后臺(tái)是php,第一次使用axios進(jìn)行請(qǐng)求，本以為同ajax一樣，會(huì)很簡(jiǎn)單，但是結(jié)果往往不讓人滿意啊，get請(qǐng)求很簡(jiǎn)單，這里就不說(shuō)了，主要說(shuō)下 post請(qǐng)求方式。
使用axios進(jìn)行post請(qǐng)求，后臺(tái)居然接收不到數(shù)據(jù)，這就納悶了，于是網(wǎng)上一頓搜索，現(xiàn)在將所用的解決辦法給大家說(shuō)下：
1.new URLSearchParams方式起初使用params.append("屬性名"：屬性值)的方式，對(duì)于簡(jiǎn)單的數(shù)據(jù)傳遞這樣是沒(méi)有問(wèn)題的，后臺(tái)可以正常接收數(shù)據(jù)，但我發(fā)現(xiàn)一個(gè)問(wèn)題，不知道大家有沒(méi)有遇到過(guò)，當(dāng)傳遞數(shù)據(jù)里含有數(shù)組時(shí)，你會(huì)發(fā)現(xiàn)傳到后臺(tái)的是字符串的形式 arr:a1,b1,c1 而非正常格式 arr:[a1,b1,c1]不符合我的要求，繼續(xù)查找。
2.Qs.stringify方式看到網(wǎng)上好多解決辦法都在說(shuō)qs,于是裝了qs插件，使用方法也很簡(jiǎn)單。首先安裝插件，然后注冊(cè)組件，axios.post(url,Qs.stringify(params)),在傳遞參數(shù)前，用qs轉(zhuǎn)換下格式就可以了，Qs是將對(duì)象 序列化成URL的形式，以&進(jìn)行拼接,在后臺(tái)輸出下接收的數(shù)據(jù)，嘿有值了，別提有多高興了，剛樂(lè)呵沒(méi)二分鐘，等會(huì)再認(rèn)真看看，這才發(fā)現(xiàn)當(dāng)數(shù)據(jù)為空時(shí)qs居然給過(guò)濾掉了，直接沒(méi)傳，這叫一個(gè)傷心。。。
3.改變后臺(tái)接收方式網(wǎng)上的帖子大部分都是在前端處理，但沒(méi)什么太好的解決辦法，于是把思路轉(zhuǎn)到后臺(tái)，改變后臺(tái)的接收方式，用file_get_contents("php://input")來(lái)接收前端傳來(lái)的參數(shù)，前端正常格式傳輸。
axios.post(url, params,{"Content-Type":"application/x-www-form-urlencoded; charset=UTF-8"})
以上只是個(gè)人的實(shí)踐經(jīng)過(guò)，有其他解決辦法的，歡迎留言。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/28402.html
摘要：最近做項(xiàng)目，做分頁(yè)的功能，使用給后臺(tái)發(fā)送數(shù)據(jù)，使用接口還是工具都可獲取數(shù)據(jù)，唯獨(dú)獲取不到經(jīng)過(guò)排除，發(fā)現(xiàn)這與的傳參格式有關(guān)系在使用時(shí)，要注意到配置選項(xiàng)中包含和兩者，以為他們是相同的，實(shí)則不然。因?yàn)槭翘砑拥降恼?qǐng)求字符串中的，用于請(qǐng)求。 最近做vue項(xiàng)目，做分頁(yè)的功能，使用post給后臺(tái)發(fā)送數(shù)據(jù)，使用接口還是工具（postman）都可獲取數(shù)據(jù)，唯獨(dú)axios獲取不到；經(jīng)過(guò)排除，發(fā)現(xiàn)這與axi...
摘要：如果全部鉤子執(zhí)行完了，則導(dǎo)航的狀態(tài)就是確認(rèn)的。中斷當(dāng)前的導(dǎo)航。如果瀏覽器的改變了可能是用戶手動(dòng)或者瀏覽器后退按鈕，那么地址會(huì)重置到或者跳轉(zhuǎn)到一個(gè)不同的地址。 githubhttps://github.com/cd-dongzi/vue-example 1. 解決css背景圖片打包路徑錯(cuò)誤的問(wèn)題 在utils.js 文件中 找到 generateLoaders 方法 把以下代碼進(jìn)行更...
摘要：本文的目的在于探討前后端數(shù)據(jù)交互，并給出不同的解決方案供大家參考。實(shí)際使用只需在配置文件配置其他配置其他組件配置以上就是前端處理和后端處理兩種解決方案，可根據(jù)實(shí)際情況選擇 一、前言 axios是vue項(xiàng)目中用來(lái)使用ajax技術(shù)來(lái)與后臺(tái)交換數(shù)據(jù)的一個(gè)組件，在vue的作者推薦下，相當(dāng)數(shù)量的vue前端開(kāi)發(fā)人員開(kāi)始使用它。但是在實(shí)際開(kāi)發(fā)過(guò)程中，卻時(shí)有出現(xiàn)后端接收不到前端post過(guò)來(lái)的數(shù)據(jù)的情況...
摘要：本文的目的在于探討前后端數(shù)據(jù)交互，并給出不同的解決方案供大家參考。實(shí)際使用只需在配置文件配置其他配置其他組件配置以上就是前端處理和后端處理兩種解決方案，可根據(jù)實(shí)際情況選擇 一、前言 axios是vue項(xiàng)目中用來(lái)使用ajax技術(shù)來(lái)與后臺(tái)交換數(shù)據(jù)的一個(gè)組件，在vue的作者推薦下，相當(dāng)數(shù)量的vue前端開(kāi)發(fā)人員開(kāi)始使用它。但是在實(shí)際開(kāi)發(fā)過(guò)程中，卻時(shí)有出現(xiàn)后端接收不到前端post過(guò)來(lái)的數(shù)據(jù)的情況...
摘要：場(chǎng)景如下前端使用向后臺(tái)發(fā)了一個(gè)為的請(qǐng)求，后臺(tái)接口如下發(fā)現(xiàn)接收不到的信息。改為也一樣接收不到。表單請(qǐng)求提交時(shí)，使用的是，而使用原生的請(qǐng)求如果不指定請(qǐng)求頭，默認(rèn)使用的是。 場(chǎng)景如下：前端vue使用axios向后臺(tái)發(fā)了一個(gè)Content-type為application/json的post請(qǐng)求，后臺(tái)springmvc接口如下： @RequestMapping(xxx) public Resu...
閱讀 2762·2019-08-30 15:53
閱讀 533·2019-08-29 17:22
閱讀 1066·2019-08-29 13:10
閱讀 2318·2019-08-26 13:45
閱讀 2760·2019-08-26 10:46
閱讀 3207·2019-08-26 10:45
閱讀 2513·2019-08-26 10:14
閱讀 475·2019-08-23 18:23
