ajax try

by Anchit Gupta

HTML

<div class="main-container">
  <button class="click-button">
    Click me
  </button>
  <div class="name-container">
    <p class="name"></p>
  </div>
</div>

JavaScript

$('.click-button').click(function(){
$.ajax({
  url: 'https://api.github.com/repositories?since=862',
  // It's a good idea to explicitly declare the return type
  dataType: 'json',
  success: function(json) {
  	showData(json);
    console.log("the data is : ", json);
  },
  error: function(xhr, error) {
    alert('Holy errors batman!');
  }
});
});

function showData(json) {
	var i,obj;
  console.log("length is : ",json.length);
	for ( i=0; i<json.length; i++ ){
  	obj = json[i];
    var str = '<p class="name">' + obj.name + '</p>'
  	$(".name-container").append(str);
  }
}