JSFiddle - React, Tailwind, and code Playground

by Rahul Sharma

JavaScript

$(window).on('scroll', function () {

     if (($(window).scrollTop() + 100) >= $(document).height() - $(window).height()) {
         $('#loader').show();
         var tl = $('.tlt').val();
         var hdnCategoryId = $('.hdnCategoryId').val();
         var hdnFilter = $("#<%= hdnFilter.ClientID%>").val();
         $.ajax({
             type: "POST",
             url: "http://www.rajrang.com/product/subcategorydetail.aspx/GetProducts121",
             data: "{t:" + tl + ",Id:" + hdnCategoryId + ",hdnFilter: '" + hdnFilter + "'}",
             contentType: "application/json",
             dataType: "json",
             success: function (rsp) {
                 $('.wrapperDIV').append(rsp.d.outputString);

                 $('.tlt').val($('.wrapperDIV input.lastId').eq(-1).val());
                 $('#loader').hide();
                 return;

             },
             error: function (rsp) {
                 //alert(rsp.status + " " + rsp.statusText + "</br>" + rsp.responseText);
                 console.log(rsp);
                 console.log(rsp.responseText);

             },
             complete: function () {
                 $('#loader').hide();
             }
         });
     }
 });