vue $http请求服务
2024-08-26 14:35:19
vue中的$http服务 需要引入一个叫vue-resource.js的文件，因为vue.js中没有$http服务。如果需要使用这个服务去百度下载vue-resource.js 然后引进项目即可。
还有一种方法是在开发项目中 需要，这样我们直接在npm 中下载 npm install vue-resource 即可 。然后在main.js中配置import VueResource from 'vue-resource'; 然后用Vue.use(VueResource) 方法启用插件。
第一种get方法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/vue.js"></script>
<script src="js/vue-resource.js"></script>
</head>
<body>
<div id="app">
<input type="button" value="点击获取" @click="get()"/>
</div>
<script>
new Vue({ el:"#app",
methods:{
get:function(){
this.$http.get('get.php',{
a:10,
b:1
}).then(function(res){
alert(res.data); },function(res){
alert(res.status)
});
}
} }) </script>
</body>
</html>
get.php文件：
<?php
$a=$_GET['a'];
$b=$_GET['b'];
echo $a-$b;
?>
get方法有两个参数get("PHP文件"，“参数”)
post方法：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/vue.js"></script>
<script src="js/vue-resource.js"></script>
</head>
<body>
<div id="app">
<input type="button" value="点击获取" @click="get()"/>
</div>
<script>
new Vue({ el:"#app",
methods:{
get:function(){
this.$http.post('post.php',{
a:2,
b:3
},{
emulateJSON:true
}).then(function(res){
alert(res.data); },function(res){
alert(res.status)
});
}
} }) </script>
</body>
</html>
post.php:
<?php
$a=$_POST['a'];
$b=$_POST['b'];
echo $a+$b;
?>
post方法有三个参数post("php文件"，"参数","emulateJSON:true")
emulateJSON:true 模拟一个JSON数据发送到服务器，这样才可以成功运行
转: https://blog.csdn.net/qq_36947128/article/details/72832977
最新文章
- CentOS 配置MySQL允许远程登录
- Python实现简单的Web（续）
- [视频]，花一分钟来看看Worktile是如何为团队协作而生的
- Spring 4 官方文档学习（十一）Web MVC 框架之约定优于配置
- uGUI练习(九) Toggle Button
- 问问题_为什么关闭浏览器后Session会失效
- Xcode中c++&Object-C混编,详细介绍如何在cocos2dx中访问object函数以及Apple Api
- java super 隐式参数
- 再次探究Android ListView缓存机制
- Subsequence（暴力+二分）
- Swift - 系统声音服务的使用（播放声音，提醒，震动）
- ASP.NET - 记录错误日志
- 使用 jQuery.Pin 垂直滚动时固定导航
- NowCoderWannafly挑战赛3-B.遇见
- Struts标签库详解【2】
- Mac查看和杀死后台进程
- Pandas分组级运算和转换
- Bootstrap 基础讲解2
- 让mysql 支持 emoji 表情
- df -i 100%时处理方法