axios 簡介與安裝

2022-07-28 18:48:15 字數 2087 閱讀 4449

1、axios簡介

1. vue本身不支援傳送ajax請求,需要使用vue-resource、axios等外掛程式實現

2. axios是乙個基於promise的http請求客戶端,用來傳送請求,也是vue2.0官方推薦的,同時不再對vue-resource進行更新和維護

3. 參考:github上搜尋axios,檢視api文件:

2、安裝axios

get方式傳送ajax請求

post:axios傳送post請求

post方式傳送ajax請求

views.py後端測試介面

def data(request):

if request.method == 'get':

token_id = request.meta.get('http_authorization') # header中的tokenid

print(request.get.getlist('ids')) # 獲取get請求中列表

token_id = request.meta.get('http_authorization') # header中的tokenid

print(request.post.getlist('ids')) # 獲取post請求中的列表

複製**

複製**

#1、qs用途: 在 axios中,利用qs包裝data資料

#2、安 裝: npm install qs -s

#3、常見用法:

'''import qs from 'qs';

qs.stringify(data);

qs.parse(data)

'''

3、vuejs借助axios傳送ajax請求(同級目錄下建立以下兩個檔案)

*user.json*

傳送ajax請求

複製**

<?php

//獲取引數

$name=$_post['name'];

$age=$_post['age'];

//響應資料

echo '姓名:',$name,',年齡:',$age;

?>

get方式傳送ajax請求

5、vuejs借助axios傳送post請求

axios預設傳送資料時,資料格式是request payload,並非我們常用的form data格式,

2. 所以引數必須要以鍵值對形式傳遞,不能以json形式傳參

3.傳參方式:

1. 自己拼接為鍵值對

2. 用transformrequest,在請求傳送前將請求資料進行轉換

3. 如果使用模組化開發,可以使用qs模組進行轉換

<?php

//獲取引數

$name=$_post['name'];

$age=$_post['age'];

//響應資料

echo '姓名:',$name,',年齡:',$age;

?>

post方式傳送ajax請求

Vue中axios 安裝與操作

1.vue本身不支援傳送ajax請求,需要使用vue resource axios等外掛程式實現 2.axios是乙個基於promise的http請求客戶端,用來傳送請求,也是vue2.0官方推薦的,同時不再對vue resource進行更新和維護 3.參考 github上搜尋axios,檢視api...

LaTeX 簡介與安裝

leslie lamport 開發的 latex 是當今世界上最流行和使用最為廣泛的tex格式。它構築在plain tex的基礎之上,並加進了很多的功能以使得使用者可以更為方便的利用tex的強大功能。使用latex基本上不需要使用者自己設計命令和巨集等,因為latex已經替你做好了。因此,即使使用者...

Ansible簡介與安裝

當我們在部署多台伺服器軟體環境的時候,10臺機器以內我們還可以自己每台都去布置一下,但是當需要部署的機器繼續增多的時候比如 30臺,40臺,甚至上百臺的時候。每台都去乙個乙個布置就不太現實了,而且這樣做也顯得很沒有技術含量。運維工程師一般會通過一寫自動化運維工具去做這些事情。一些 常用的自動化運維工...