1. 程式人生 > >vue的練習專案(一)

vue的練習專案(一)

 寫了一個登入一個註冊頁面

主要是傳送post請求獲取資料,使用的是vue-resourse

貼出請求資料的方法: 

submitForm(formName){
   //請求資料
    var api='http://118.25.229.125:8888/api/v1/login/';

    this.$http.post(api,{username:this.loginForm.name,password:this.loginForm.pass},{emulateJSON: true}).then((response)=>{
          console.log(response);

         //注意this指向
         // 登入成功code為1000
          this.code = response.body.code;
          this.$refs[formName].validate((valid) => {
               if(valid){
                    if(this.code == '1000'){
                        alert('success');
                    }else{
                        alert('使用者名稱或密碼錯誤')
                    }
               }else{
                    console.log('error submit');
                    return false;
               }
           })

       },function(err){

            console.log(err);

          });
                   
},

接下來要寫一個訂單頁面,獲取訂單資料需要有token,這裡我先將登入獲取的token拿過來

貼出請求訂單資料的get方法:

getOrder(){
	var api = "http://118.25.229.125:8888/api/v1/order/";
	this.$http.get(api, {params:{token:'230d2d8dc3b64d89739afe06aca5242c'},},{emulateJSON:true}).then((response)=>{
	    console.log(response);
	})
}