vue - resource get, post, jsonp 요청

5526 단어 vue
1. vue - resource 시작 get 요청 1 get 요청 정의
getInfo(){
	//   get    ,  .then           
	this.$http.get('http://localhost/day05/code/08-ajax-post.html').then(function(result){
	//  result.body             
		console.log(result.body)
	})
}
 2 get    
<input type="button" value="get  " @click="getInfo"/>

2, vue - resource 시작 post 요청 1 post 요청 정의
postInfo(){ //  post   ,       , application/x-www-form-urlencoded
	//      post   ,        ,         
	//   post         ,{emulateJSON:true}                   
	this.$http.post('http://vue.studyit.io/api/post',{},{emulateJSON:true}).then(result=>{
		console.log(result.body)
	})
},

2 get 사용 요청
<input type="button" value="post  " @click="postInfo"/>

3. vue - resource 에서 jsonp 요청 1 jsonp 요청 정의
jsonpInfo(){
	this.$http.jsonp('http://vue.studyit.io/api/jsonp').then(result=>{
		console.log(result.body)
	})
}

2 jsonp 사용 요청
<input type="button" value="jsonp  " @click="jsonpInfo"/>

좋은 웹페이지 즐겨찾기