iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 15
1

使用XMLHttpRequest取得GitHub資料

jsfiddle


<html>
<head>
    <meta charset="UTF-8">
    <title>使用XMLHttpRequest取得GitHub資料</title>
</head>
<body>
<div id="show">
    {{ url_data }}
</div>
</body>
<script src="vue.js"></script>
<script>
    var demo = new Vue({

        el: '#show',

        data: {
            url_data: []
        },
        created: function () {
            this.getData();
        },
        methods: {
            getData: function () {
                var apiURL = 'https://api.github.com/repos/vuejs/vue/commits';
                var xhr = new XMLHttpRequest();
                var self = this;
                xhr.open('GET', apiURL);
                console.log(xhr.open('GET', apiURL));
                xhr.onload = function () {
                    self.url_data = xhr.responseText;
                }
                xhr.send()
            }
        }
    })

</script>
</html>

上一篇
Vue.JS且戰且飛(十四)
下一篇
Vue.JS且戰且飛(十六)
系列文
Vue.JS且戰且飛30

尚未有邦友留言

立即登入留言