Vue中，发起请求获取参数的写法

转载：解决vue 加载时源码显示问题

<div id="app" v-cloak>
</div>
 
<style>
    [v-cloak] {
	display: none;
	}
</style>

vue中axios基本用法

function getUserAccount() {
  return axios.get('/user/12345');
}

function getUserPermissions() {
  return axios.get('/user/12345/permissions');
}

axios.all([getUserAccount(), getUserPermissions()])
  .then(axios.spread(function (acct, perms) {
    // Both requests are now complete
  }));

axios.post传参数

var params = new URLSearchParams();
	 params.append('id', 'hello jdmc你好');
	 
	var vueObj = new Vue({
		  el: '#app',
		  data:function() {
		    return {
		        circleReadAppPage: null
		    }
		  },
		  mounted:function() {
		    axios
		      .post('circleReadAppController.do?getEntity',params,{
		    	    headers: {
		    	        'Access-Control-Allow-Origin':'*',  //解决cors头问题
		    	        'Access-Control-Allow-Credentials':'true', //解决session问题
		    	        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' //将表单数据传递转化为form-data类型
		    	    },
		    	    withCredentials: true
		    	})
		      .then(function(response){vueObj.circleReadAppPage = response.data;return vueObj;})
		      .catch(function (error) { // 请求失败处理
		        console.log(error);
		      });
		  }
		});

 Vue

/**
 * 
 * @returns
 */
;$(function(){
	//response => (this.info = response.data)
	var vueObj = new Vue({
		  el: '#app',
		  data:function () {
		    return {
		      info: null
		    }
		  },
		  mounted:function () {
		    axios
		      .post(docBaseB+'dccInternalFileController.do?getEntityByID',"&id="+$('#id').val())
		      .then(function(response){vueObj.info = response.data;return vueObj;})
		      .catch(function (error) { // 请求失败处理
		        console.log(error);
		      });
		  }
		})
});

jQuery的POST方法请求数据，用Vue模板功能展示

$.post('circleReadAppController.do?getEntity',
{'id':'0c354ff715b24b14b9ed99e187860cb7'},
			function(result){
		var data = stringutils.parseJSONObject(result);
		var vueObj = new Vue({
			  el: '#app',
			  data: {
				  circleReadAppPage: data
			  }
			});
	});

使用jQuery的ajax同步，模板代码

$.ajax({
		url: 'dccCheckAppOptController.do?approve',
		type: 'post',
		async:false,
		data: {
			docid: $('#id').val(),
			actname:'驳回',
			reason:obj.reason,
			actUser:obj.actUser,
			orgStatus:obj.status
		},
		cache: false,
		success: function(result) {
			var data = stringutils.parseJSONObject(result);
			if(data.success){
				showloading();
				top.tip(data.msg);
				window.parent.closeTabByCircle();
			}else{
				hiddenloading();
				top.tip(data.msg);
			}
			//window.parent.closeTabByCircle();
		},
		error: function(e) { // 请求失败处理函数
		}
	});