I’m using PHP in conjunction with AJAX for a lot of functions on my site. I’ve implemented a sort of rate limiting system on the client-side with Javascript. Basically, disabling a button for 1 sec after it’s clicked.

Although this works fine for the more innocent cases, but I feel like I need something on the server-side of things to limit requests as well.

Basically, I want users to have a maximum amount of AJAX calls they can make per second. In fact, one per second seems reasonable.

One way would be somehow logging every request to my AJAX callback, and reading from that table before a new request is made. But this would immensely increase the work load on my server and database.

Are there any alternative methods of doing this?

PHP

function comment_upvote_callback() {    

    // Some sort of rate limit??


    // $_POST data validation

    // Add upvote to database

    // Return success or error

} 
add_action( 'wp_ajax_comment_upvote_callback', 'comment_upvote_callback' );

jQuery

var is_clicked = false;

if ( is_clicked == false ) {
    $('#comments').on('click', '.comment-upvote', function(event) {
        event.preventDefault();

        // Button disabled as long as isClicked == true
        isClicked = true;

        // Data to be sent
        var data = {
            'action': 'comment_upvote_callback',
            'security': nonce,  
            'comment_id': comment_id
        };

        // Send Data
        jQuery.post(ajaxurl, data, function(response) {

            // Callback

            // Client-side rate limit
            setTimeout( function() {
                is_clicked = false;
            }, 1000);
        });
    });
}

Read more here: PHP Server-side rate limit on AJAX callbacks?


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.


Wordpress related questions and answers: