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>
    

      

  • 相关阅读:
    常见错误3——错误2 error C2143: 语法错误 : 缺少“;”(在“}”的前面)
    MFC DLL封装窗体详细步骤
    指针函数与函数指针的区别
    DOM
    BOM
    JS动态创建元素
    JS节点
    事件和节点部分总结
    DOM基础
    自定义对象
  • 原文地址:https://www.cnblogs.com/Knowledge-is-infinite/p/12207445.html
Copyright © 2011-2022 走看看