vue与php通过axios进行数据交互

最新推荐文章于 2024-08-16 08:33:10 发布

一枚前端猿

最新推荐文章于 2024-08-16 08:33:10 发布

阅读量6.6k

点赞数 6

文章标签： vue与php进行数据交互 axios php

本文链接：https://blog.csdn.net/qq_42535651/article/details/93370134

版权

本文提供两种实现在Vue应用中使用Axios与PHP后台进行数据交互的方法。方法一是通过将数据转为字符串提交，后端使用json_decode解析；方法二是直接传递JSON对象，后端通过file_get_contents('php://input')获取。具体实现代码在链接中给出。

摘要由CSDN通过智能技术生成

现在太忙，贴一下代码，有空再详细写一下。下面是亲测可用的

可以参考：
https://segmentfault.com/q/1010000009057655

方法一：
只需要很小的改动，把它变成字符串提交就好。

var params = 'ajax='+encodeURIComponent(JSON.stringify({
    username: 'admin',
    password: '123456'
}));

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 = {headers: {‘X-Requested-With’: ‘XMLHttpRequest’}};
axios.post(url, params, config)…
接下来在PHP里,就可以用你熟悉的的IS_AJAX、isXmlHttpRequest之类的了

方法二：
1.传的是一个json对象，可以用file_get_contents(“php://input”)获取到json串，然后转化为object获取属性
2.如果想用$_POST获取&#