iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

DAY 30
0
Modern Web

走入前端,才從0開始數,初學者歷程系列 第 30

day30-淺寫axios+完賽文

安安,搭給賀,終於來到最後一天了!(轉圈d(`・∀・)b
不免俗一下還是要來講一些心得,在挑戰鐵人賽的過程中蠻累的,一邊要抽時間寫文、補自己不足的知識量,每天都會害怕自己學習的腳步是否會跟不上別人等等...,但在這期間學會了自適應!(最近很愛這個詞XDD
也養成了寫文的好習慣,從一開始的如何規劃架構需要很多時間想,到後來能有條理的寫出,都是感謝這三十天的磨練,帶給我非常多的成長,也希望自己的文章能夠幫助到跟我一起從新手上來的人!最後感謝鐵人賽讓我有這些充實的過程,能夠邊補知識邊記錄下來~
現在的我還有更多要學習的,那我要繼續努力惹! gogo~


最後一天惹,還是要來寫一些學習到的東西!

今天來寫關於axios的get與post (*´∀`)~♥

跟Jquery很像,可以一行做解決。

axios get:

axios.get("網址").then(function(response){
	console.log(response.data);
})

資料回傳then就會執行裡面的函式。

// get完會回傳取得的資料,json資料會包裝在response,response是參數 可以隨意代
.then(function(response){
	console.log(response.data);// 資料在response的data裡面
}

解析response.data:

var response ={
	'statueTextz':'OK',
	'status':200,
	'data':{你要ㄉ資料都在這裡la}
}

這是昨日寫的一小段post:

let submit = document.querySelector('.submit');

const url = '<https://fathomless-brushlands-42339.herokuapp.com/todo1>'

submit.addEventListener('click',function(){
    axios.post(url, {
        name:'cat1',
        weight: 100,
        height: 180,
        money: 7777,
        id: 4
    })
    .then(function (response) {
        console.log(response)
    })
    .catch(function (error) {
        console.log(error)
    })
});
    


那鐵人賽就這樣結束囉!
我要繼續去充實自己的知識量了!掰百~~~
感謝收看。


上一篇
day29-認識一些不太熟的偽類選擇器(下)
系列文
走入前端,才從0開始數,初學者歷程30

2 則留言

0
SONYKO りん
iT邦新手 5 級 ‧ 2020-10-14 22:22:54

恭喜 ♥♥♥
妳最棒

CIN iT邦新手 5 級 ‧ 2020-10-14 22:33:03 檢舉

耶!感謝一路上有你(55555!
你也超棒(*´∀`)~♥

0
廖洧杰
iT邦高手 1 級 ‧ 2020-10-14 22:52:45

恭喜完賽~(撒花

CIN iT邦新手 5 級 ‧ 2020-10-15 11:44:34 檢舉

感謝老師大大!!!

我要留言

立即登入留言