vue與php通過axios進行資料互動

2021-09-24 16:19:23 字數 1591 閱讀 6627

現在太忙,貼一下**,有空再詳細寫一下。下面是親測可用的

可以參考:

方法一:

只需要很小的改動,把它變成字串提交就好。

var params = 'ajax='+encodeuricomponent(json.stringify());
axios.post(『test.php』, params).then(res => console.log(res.data))

在伺服器端 var_dump(json_decode(urldecode($_post[『ajax』]))); 了。

如果是要模擬jquery的ajax請求,就再加個config

var url = …

var params = 『ajax=』+encodeuricomponent(json.stringify(…));

var config = };

axios.post(url, params, config)…

接下來在php裡,就可以用你熟悉的的is_ajax、isxmlhttprequest之類的了

方法二:

1.傳的是乙個json物件,可以用file_get_contents(「php://input」)獲取到json串,然後轉化為object獲取屬性

2.如果想用$_post獲取,修改下**

var params = new urlsearchparams();

axios.post('test.php', params).then(res => console.log(res.data));

**一:php

<?php

header("access-control-allow-origin: *");

header("access-control-allow-methods: post, get, options, put, delete");

if($_server['request_method'] == 'options') //這些是解決跨域問題的

$params=json_decode(urldecode($_post['ajax']),true);

$username= $params['username'];

echo json_encode($username);

?>

這裡json_decode後面需要加入true引數,是因為這樣才能轉換成陣列形式

**二:

前端:

post())

.catch(function (error) );

}

後端:

$params=json_decode(file_get_contents("php://input"),true);

$username=$params['number'];

echo json_encode($username);

完整vue**

現在進行測試,vue與php進行post資料互動

Vue中axios 安裝與操作

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

Vue學習與整理(三) axios請求

目錄 1.通過axios發起get 2.通過axios發起post請求 3.執行多個併發請求 axios 是乙個基於 promise 的 http 庫,可以用在瀏覽器和 node.js 中 直接在 url 上新增引數 id 12345 axios.get user?id 12345 then fun...

如何使用vue的axios結合PHP去上傳檔案

我們在做表單提交的時候,往往會碰到一些表單提交的需求,那vue的axios與上傳檔案碰撞後不會出現什麼不一樣的火花嗎,聽我一一道來 首先,我們需要對寫乙個vue的axios的表單提交,由於本人用的是webpack,so div input type file ref yin button click...