zoukankan      html  css  js  c++  java
  • vue-resource请求,类似ajax

    <template>
    	<div>
    		<div>vue-resource请求,类似ajax</div>
    		<div>----------------------------</div>
    	</div>
    </template>
    <script>
    	export default{
    		data(){
    			return{
    
    			}
    		},
    		mounted(){
    			//get请求   '/someUrl' 是后台地址的数据接口如:someUrl.php 等等
    			this.$http.get('/someUrl').then(response => {  //获取响应数据
    				// get body data
    				console.log(response.body);   //输出响应数据
    		    }, response => {
    		    	//error callback
    		    });
    
    		    //post请求     '/someUrl' 是后台地址的数据接口如:someUrl.php 等等
    		    // {foo: 'bar'}  给后台发送一些数据
    	    	this.$http.post('/someUrl', {foo: 'bar'}).then(response => {  //获取响应数据
    	    		// get body data
    	    		console.log(response.body);   //输出响应数据
    	        }, response => {
    	        	//error callback  请求失败执行的回调函数
    	        });
    
    
        	    //get请求     '/someUrl' 是后台地址的数据接口如:someUrl.php 等等
        	    // {foo: 'bar'}  给后台发送一些数据
            	this.$http.get('/someUrl', {params: {foo: 'bar'}, headers:{'X-Custom': '...'}} ).then(response => {  //获取响应数据
            		// success callback  请求成功的回调函数
                }, response => {
                	//error callback  请求失败的回调函数
                });
    		}
    	}
    </script>
    

      

  • 相关阅读:
    CentOS/Ubuntu安装最新的gcc-9
    CentOS 7 源码安装 CMake 3.16.2 最新稳定版。解决 cmake: command not found 问题
    堆排序
    linux可重入、异步信号安全和线程安全
    目录
    教程文档
    推荐文章
    学习文档
    开发工具-索引
    同步/异步/阻塞/非阻塞
  • 原文地址:https://www.cnblogs.com/Knowledge-is-infinite/p/12207445.html
Copyright © 2011-2022 走看看