Vuejs get xml

Vuejs get xml

HTML

<div id="app">
  <input v-model="url">
  <input-box :item.sync="url"></input-box>
  <inputbox-parent :pitem.sync="url"></inputbox-parent>
  <button @click="getxml">
   Get XML
  </button>
  <pre>{{$data | json}}</pre>
  <pre>{{$children[0].$data | json}}</pre>
  <pre>{{$children[1].$data | json}}</pre>
</div>

JavaScript

Vue.component('input-box', {
  template: '<input v-model="item">',
  props: ['item']
});

Vue.component('inputbox-parent', {
  template: '<input-box :item.sync="pitem"></input-box>',
  props: ['pitem']
	}
);

App = new Vue({
  el: '#app',
  data: {
    url: 'url!',
    response: null
  },
  methods: {
  	getxml: function() {
      "http://lyle.smu.edu/~craley/3345/http/showResponse.php";
      var _this = this;
      var request = new XMLHttpRequest();
      console.log('requesting');
      request.onreadystatechange = function() {
          if (request.readyState === 4) {
              _this.response = request.responseText;
           console.log("ready state changed");   
        }
      }
      request.open('GET', _this.url, true);
      request.send();
    }
  }
});