axios.jsライブラリの使い方（get）
axios.jsライブラリを使って簡単にHTTPのGETをしてみます。
CDNで以下を読み込んでおきます。
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
axios.getであらかじめ用意したjsonを取得します。
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| id:100, | |
| name:"takahashi", | |
| age:15 | |
| } |
axios.getの第一引数にパスを指定します。取得できたJSONはthenで取得することができます。dataに入ります。
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <script src="https://unpkg.com/axios/dist/axios.min.js"></script> | |
| <title>axiosjs</title> | |
| </head> | |
| <body> | |
| <script> | |
| axios.get("http://uperworld.com/axiosjs/data.json") | |
| .then(ret => alert(ret.data)); | |
| </script> | |
| </body> | |
| </html> |
KHI入社して退社。今はCONFRAGEで正社員です。関西で140-170/80～120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^
コメント