velocity-360/xhr.mustache

## xhr.mustache
<!DOCTYPE html>
<head>
  <title>XHR Example</title>
  <link rel="shortcut icon" href="https://lh3.googleusercontent.com/MpnmfR3zYPTojA03QbhGgwIHucmH5s4G2vbIlADYhODL488MQt_BuVztv9LYmJbhwkScYN0DIXuh4d10YMsLbWXT">
</head>

<body>
  <div>
    <h1>Select Reddit Sub</h1>
    <div id="list"></div>

  </div>

  <script>
    (function(){
      var xhr = new XMLHttpRequest()
      xhr.open('GET', '/api/endpoint')

      // This will be called after the response is received
      xhr.onload = function() {
        if (xhr.status != 200) { // status code should be "200" otherwise something went wrong.
          console.log('ERROR. Something went wrong.')
          return
        }

        var payload = JSON.parse(xhr.response)
        var data = payload.data // data is array of Reddit subs returned from "endpoint.js"
        console.log(JSON.stringify(data))

        var html = '<ol>'
        data.forEach(function(sub){
          html += '<a href="/axios/'+sub.path+'">'+sub.name+'</a><br />'
        })

        html += '</ol>'
        document.getElementById('list').innerHTML = html
      }

      xhr.onError = function() {
        console.log('Request failed')
      }

      xhr.send()
    })()
  </script>
</body>
</html>
	<!DOCTYPE html>
	<head>
	<title>XHR Example</title>
	<link rel="shortcut icon" href="https://lh3.googleusercontent.com/MpnmfR3zYPTojA03QbhGgwIHucmH5s4G2vbIlADYhODL488MQt_BuVztv9LYmJbhwkScYN0DIXuh4d10YMsLbWXT">
	</head>

	<body>
	<div>
	<h1>Select Reddit Sub</h1>
	<div id="list"></div>

	</div>

	<script>
	(function(){
	var xhr = new XMLHttpRequest()
	xhr.open('GET', '/api/endpoint')

	// This will be called after the response is received
	xhr.onload = function() {
	if (xhr.status != 200) { // status code should be "200" otherwise something went wrong.
	console.log('ERROR. Something went wrong.')
	return
	}

	var payload = JSON.parse(xhr.response)
	var data = payload.data // data is array of Reddit subs returned from "endpoint.js"
	console.log(JSON.stringify(data))

	var html = '<ol>'
	data.forEach(function(sub){
	html += '<a href="/axios/'+sub.path+'">'+sub.name+'</a><br />'
	})

	html += '</ol>'
	document.getElementById('list').innerHTML = html
	}

	xhr.onError = function() {
	console.log('Request failed')
	}

	xhr.send()
	})()
	</script>
	</body>
	</html>