欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

Vue2學(xué)習(xí)筆記之請(qǐng)求數(shù)據(jù)交互vue-resource

基本語(yǔ)法

我們注重客戶提出的每個(gè)要求，我們充分考慮每一個(gè)細(xì)節(jié)，我們積極的做好成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站服務(wù)，我們努力開拓更好的視野，通過不懈的努力，成都創(chuàng)新互聯(lián)贏得了業(yè)內(nèi)的良好聲譽(yù)，這一切，也不斷的激勵(lì)著我們更好的服務(wù)客戶。 主要業(yè)務(wù)：網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)站設(shè)計(jì),微信小程序開發(fā),網(wǎng)站開發(fā),技術(shù)開發(fā)實(shí)力，DIV+CSS，PHP及ASP，ASP.Net，SQL數(shù)據(jù)庫(kù)的技術(shù)開發(fā)工程師。

必須引入一個(gè)庫(kù)：vue-resource github地址

// 基于全局Vue對(duì)象使用http 
Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);
Vue.http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);

// 在一個(gè)Vue實(shí)例內(nèi)使用$http 
this.$http.get('/someUrl', [options]).then(successCallback, errorCallback);
this.$http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);

 vue-resource的請(qǐng)求API是按照REST風(fēng)格設(shè)計(jì)的，它提供了7種請(qǐng)求API：

  • get(url, [options])
  • head(url, [options])
  • delete(url, [options])
  • jsonp(url, [options])
  • post(url, [body], [options])
  • put(url, [body], [options])
  • patch(url, [body], [options])

Options

ParameterTypeDescription
urlstring請(qǐng)求的UR
bodyObject, FormData, stringrequest body
headersObjectrequest header
paramsObject請(qǐng)求的URL參數(shù)對(duì)象
methodstring請(qǐng)求的HTTP方法，例如：'GET', 'POST'或其他HTTP方法
timeoutnumber單位為毫秒的請(qǐng)求超時(shí)時(shí)間 (0 表示無超時(shí)時(shí)間)
beforefunction(request)請(qǐng)求發(fā)送前的處理函數(shù)，類似于jQuery的beforeSend函數(shù)
progressfunction(event)ProgressEvent回調(diào)處理函數(shù)
credentialsboolean表示跨域請(qǐng)求時(shí)是否需要使用憑證
emulateHTTPboolean發(fā)送PUT, PATCH, DELETE請(qǐng)求時(shí)以HTTP POST的方式發(fā)送，并設(shè)置請(qǐng)求頭的X-HTTP-Method-Override
emulateJSONboolean將request body以application/x-www-form-urlencoded content type發(fā)送

1. 向文本發(fā)出get請(qǐng)求

準(zhǔn)備一個(gè)1.txt 的文本數(shù)據(jù)，時(shí)面的內(nèi)容是：welcomet to vue!!!

<!DOCTYPE html>
<html>
<head>
 <title></title>
 <meta charset="utf-8">
 <script src="http://unpkg.com/vue/dist/vue.js"></script>
 <script src="http://files.cnblogs.com/files/zycbloger/vue-resource.min.js"></script>
 <script type="text/javascript">
  window.onload = function(){
   var vm = new Vue({
    el:'#box',
    data:{
     msg:'Hello World!',
    },
    methods:{
     get:function(){
      //發(fā)送get請(qǐng)求
      this.$http.get('1.txt').then(function(res){
       alert(res.body); 
      },function(){
       alert('請(qǐng)求失敗處理'); //失敗處理
      });
     }
    }
   });
  }
 </script>
</head>
<body> 
 <div id="box">
  <input type="button" @click="get()" value="按鈕">
 </div>
</body>
</html>

上面代碼實(shí)現(xiàn)了，點(diǎn)擊按鈕，就發(fā)送get請(qǐng)求，成功就會(huì)執(zhí)行彈窗 welcomet to vue!!!

2. 關(guān)于向后端請(qǐng)求，并帶參數(shù)的寫法

<!DOCTYPE html>
<html>
<head>
 <title></title>
 <meta charset="utf-8">
 <script src="http://unpkg.com/vue/dist/vue.js"></script>
 <script src="http://files.cnblogs.com/files/zycbloger/vue-resource.min.js"></script>
 <script type="text/javascript">
  window.onload = function(){
   var vm = new Vue({
    el:'#box',
    data:{
     msg:'Hello World!',
    },
    methods:{
     get:function(){
      //發(fā)送get請(qǐng)求
      this.$http.get('get.do',{a:1,b:2}).then(function(res){
       alert(res.body); 
      },function(){
       alert('請(qǐng)求失敗處理'); //失敗處理
      });
     },

     post:function(){
      //發(fā)送post請(qǐng)求
      this.$http.post('post.do',{a:1,b:2}).then(function(res){
       alert(res.body); 
      },function(){
       alert('請(qǐng)求失敗處理'); //失敗處理
      });
     }
    }
   });
  }
 </script>
</head>
<body> 
 <div id="box">
  <input type="button" @click="get()" value="按鈕get">
  <input type="button" @click="post()" value="按鈕post">
 </div>
</body>
</html>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

分享文章：Vue2學(xué)習(xí)筆記之請(qǐng)求數(shù)據(jù)交互vue-resource
文章來源：http://www.chinadenli.net/article12/gpdsgc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、響應(yīng)式網(wǎng)站、網(wǎng)站排名、搜索引擎優(yōu)化、軟件開發(fā)、

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

成都做網(wǎng)站