vue结合axios与后端进行ajax交互的方法

前端之家收集整理的这篇文章主要介绍了vue结合axios与后端进行ajax交互的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

以前vue官方推荐的ajax库是vue-resource,现在改为axios

axios的github仓库

实现的效果

页面异步发出get请求获取数据,提交表单异步post数据到服务端

客户端

客户端代码

代码解析:

获取服务端返回的数据 vm.$data.list = response.data; }) .catch(function (error) { console.log(error); }); } } }); axios.get(url,{}) .then(function (response) { vm.$data.list = response.data; }) .catch(function (error) { console.log(error); }) .then(function () { // always executed });

服务端

使用PHP作为服务端程序

服务端代码

代码解析:

PHP;"> ['name' => '孙悟空','saying' => '我是在地球上成长的赛亚人'],];

$post = file_get_contents("PHP://input"); // 不要用$_POST接收数据
if ($post) {
$data[] = json_decode($post,true);
}
echo json_encode($data,true);

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/ajax/31635.html

猜你在找的Ajax相关文章