Как преобразовать код Jquery в чистый код javascript - PullRequest
Новая
       87

Как преобразовать код Jquery в чистый код javascript

0 голосов
/ 09 мая 2020

ребят. Я создаю разбиение на страницы с помощью PHP и Javascript (кнопка «Загрузить еще»). Однако система подкачки - единственная система на сайте, использующая Jquery. Он загружает всю библиотеку, что влияет на время загрузки веб-сайта (SEO).

Код в jquery: 

$(document).ready(function(){
    $('.load-more').click(function(){
        var row = Number($('#row').val());
        var allcount = Number($('#all').val());
        var rowperpage = 6;
        row = row + rowperpage;

        if(row <= allcount){
            $("#row").val(row);

            $.ajax({
                url: 'getData.php',
                type: 'post',
                data: {row:row},
                beforeSend:function(){
                    $(".load-more").text("Carregando...");
                },
                success: function(response){
                    setTimeout(function() {
                        $(".post:last").after(response).show().fadeIn("slow");
                        var rowno = row + rowperpage;
                        if(rowno > allcount){
                            $(".load-more").prop('disabled', true);
                            $('.load-more').css("background","grey");
                        }else{
                            $(".load-more").text("Carregar Mais");
                        }
                    }, 2000);

                }
            });
        } }); });

Я пытался воссоздать код, но он не работает. По идентификатору ошибки Chrome проблем с кодом нет. Кто-нибудь знает, что это такое?

Код в Javascript (показать содержимое, но не так, как с jquery) 

function myFunction(){
    var row = document.getElementById('row').value;
    var allcount = document.getElementById('all').value;
    var rowperpage = 6;
    rowSoma = row + rowperpage;

    if(rowSoma <= allcount){

        row = document.getElementById('row').value;

        var request = new XMLHttpRequest();
        request.open('POST', 'getData.php', true);
        request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
        request.onreadystatechange = function() {

            if (request.readyState == 4 && request.status == 200) {
                var data = request.response;
                console.log(data);
                document.getElementById("myElement").innerHTML = data;

            var rowno = row + rowperpage;
            if(rowno > allcount){
                document.getElementById("load-more").disabled = true;
            } else { }
            }
            };
          request.onerror = function() {
            // There was a connection error of some sort
          };
        request.send(rowSoma);
    }
}

Спасибо

...