load_more.js

function buttonAjax(buttonElem, options, failOnly) {
    if (failOnly === undefined) {
        failOnly = false;
    }

    // Get original html and click events
    var html = buttonElem.html();

    // Disable button
    buttonElem
        .prop('disabled', true)
        .css('pointer-events', 'none')
        .css('cursor', 'not-allowed');

    // Prepend spinner
    buttonElem.html('<i class="fas fa-spinner fa-spin"></i>&nbsp;' + html);

    var disableFunc = function () {
        // Reset original html
        buttonElem.html(html);

        // Enable button
        buttonElem
            .css('pointer-events', '')
            .prop('disabled', false)
            .css('cursor', '');
    };

    // Send AJAX
    if (failOnly === true) {
        return $.ajax(options).always(fail);
    } else {
        return $.ajax(options).always(disableFunc);
    }
}

var currentPage = 1;

$(function () {
    $("#get_more").click(function (e) {
        //Prepare the url with the proper query strings
        let urlParams = new URLSearchParams(window.location.search);
        let speaker = urlParams.get('speaker');
        let submitter = urlParams.get('submitter');
        let page = urlParams.get('page');
        let urlStr = `/additional?j`;
        if(speaker){
            urlStr+=`&speaker=${speaker}`;
        }
        if(submitter){
            urlStr+=`&submitter=${submitter}`;
        }
        urlStr += "&page=" + (currentPage++);
        buttonAjax($(this), {
            url: urlStr,
            method: 'GET',
            success: function (data, textStatus, jqXHR) {
                $("#moreQuotes").append(data)
                    .collapse("show");
            },
            error: function (error) {
                console.log(error);
            }
        });
    });
});