jQuery addClass example

Change class name on click in jQuery

by Aditya Sharma

HTML

<div id="result"></div>
<button id="more">Load more</button>

JavaScript

$(document).ready(function() {

    var page = 1;
    var getData;
    (getData = function() {
    		$.ajax({
        url:'http://darkweb.wapkiz.mobi/page-0.html?to-page=' +page,
        type: 'GET',
        complete: function (response) {
        		var html = response.responseText;
            if(html) {

                $('#result').append(html);
                $('#more').text('Load More Post'); //add text "Load More Post" to button again
            } else {
                $('#more').text('No more Post to load'); // when last record add text "No more posts to load" to button.
            }
        },
        error: function () {
            $('#more').text('No more Post to load'); // when last record add text "No more posts to load" to button.
        },
    });
    })();
    $('#more').click(function() {
        $('#more').html('<img src="http://www.javascriptsource.com/img/ajax-loader.gif"/>');
        page += 1;
        getData();
    });
});

function loadMore() { 
	$("#loading").html('Loading...').show();
  var currPage = 1; 
  $.get('page-0.html?to-page?=' + currPage, function(html) { 	
  $("#results").append(html); $("#loading").hide(); }); 
  } 
  $(document).ready(function() { 
  	var currPage = 1; 
  	$("a.next").click(function() { 
  	currPage +=1; 
    loadMore(currPage); 
  	}); 
  });