jQuery addClass example

Ajax Example for Selenium

by sarbjit87

HTML

<div id="container">
  <button class="btn">Click Me!</button>
  <div class="text"></div>
</div>

CSS

button {
  background: #0084ff;
  border: none;
  border-radius: 5px;
  padding: 8px 14px;
  font-size: 15px;
  color: #fff;
}

JavaScript

$('.btn').click(function() {
  $('.text').text('Loading . . .')
  $.ajax({
    type:"GET",
    url:"https://jsonplaceholder.typicode.com/posts/1",
    success: function(data) {
      setTimeout(function() {
          delaySuccess(data);
        }, 2000);
    },
    dataType: 'jsonp',
  }); 
});

function delaySuccess(data) {
  var newDiv = document.createElement("p");
  var newContent = document.createTextNode(JSON.stringify(data));
  newDiv.appendChild(newContent);
  newDiv.className = "ajax-output-example-class";
  $('.text').html(newDiv);
}