AJAX pagination, update current page

When you refresh the page, there is currently no state you can use to know you’re on page 2.

You could use the History API to update the page URL without refreshing the page:

history.pushState(data, title, 'https://yourpage.com/?page=2');

You can also set some state on the user browser using the SessionStorage instead of the LocalStorage API, because the session will not persist when the user closes the browser tab:

// Store current page
sessionStorage.setItem('page', 2);

// Get current page on page load/refresh
var currentPage = sessionStorage.getItem('page');

This second method has its issues since the user can go to a different page and then get back to the paginated page and get the second page of results, instead of getting the first one, so you need to be careful about this approach.

Related Posts:

  1. Do I require the use of nonce?
  2. How to use wp_localize_script in a WordPress page other than functions.php?
  3. Real time Duplicate title check
  4. Load custom field value into div with AJAX
  5. Security – Ajax and Nonce use [closed]
  6. Jquery ajax to custom php file: returning blank data
  7. Update WordPress Custom Field with AJAX on cached page
  8. Looking for a better way to handle an ajax script that pulls in post data on click
  9. Can’t use get_results() in ajax query
  10. Display notification only once
  11. Access/update database with jQuery
  12. How to display something in a div when the user clicks on a text in another div – no page refresh [closed]
  13. Passing jQuery value using Ajax to a page template
  14. ajax_object is not defined when ajax calls the function
  15. Returning a value from a PHP page
  16. Why is this Ajax not working?
  17. Stumped – Ajax Response Returns 0
  18. Colorbox ajax loading of outside HTML content works perfect on localhost but not on server
  19. Use ajax from function.php
  20. Ajax return code 400
  21. doing an ajax request always outputs 0
  22. Woocommerce add to cart quantity buttons with AJAX
  23. class click counter save number
  24. AJAX request status 200 but no actual “response”
  25. wordpress count link clicks by ip address
  26. ajax, right way to do it and make it works?
  27. Ajax load more posts with multiple tax query
  28. WordPress Sending data to Ajax with select option
  29. WordPress ajax doesn’t display object method on jQuery .change() function
  30. Ajax loaded form replaces form action with Ajax url
  31. prevent default not stopping page refresh. Passing form information to and from php with ajax in a wordpress site
  32. Ajax date_query not working past the first iteration
  33. Ajax request not sending to server and returning – wp-admin/admin-ajax.php 400
  34. populate form fields in a loop with ajax
  35. How to add a do_action on refreshing of WP customizer?
  36. Setting value of session with Ajax not working
  37. [jQuery]Adding shortcode
  38. Display parent and child taxonomies in separate drop down select fields
  39. Plugins not working on AJAX requests
  40. How to disable controls in theme customizer?
  41. WordPress admin-ajax.php 400 bad request
  42. WordPress Ajax Call inserting data but success response false
  43. Ajax contact form return 0
  44. AJAX – Returning Two JSON Objects with One PHP Function
  45. Unset session variable on page reload / setup but exclude AJAX
  46. Add Ajax Hooks and Call from Custom Template PHP
  47. WordPress Ajax Always returning 0
  48. How to keep track of when a vote is cast?
  49. My jQuery Ajax form submit is still refreshing page?
  50. jQuery Ajax PHP function call returning [object Object]
  51. Output votes to div dynamically in wordpress
  52. Proper way to use WordPress function with AJAX PHP file
  53. Live search from database table
  54. Execute Jquery when a specific page in my plugin is loading
  55. what does $options = get_option(‘test_theme’); do?
  56. How to load previous or next attachment with jquery ?
  57. Validating an email input from form field before submit using JQuery, AJAX, and PHP
  58. WordPress cascading dropdown selection search based on Parent Page & Child Page
  59. Ajax on the Administration Side of plugin – wp_localize_script – how to pass value from JQuery to PHP function in class?
  60. Database entry removed on browser refresh, Ajax PHP jQuery
  61. jquery & ajax getting data from php in wordpress . admin-ajax.php returns 400
  62. Failed to load resource: the server responded with a status of 500 (Internal Server Error) through wp_admin_ajax.php
  63. How do I call a value from the datase using ajax
  64. Ajax filter with loadmore button
  65. Where to add my PHP codes for AJAX Jquery to work?
  66. How to use wp_ajax_set_post_thumbnail?
  67. Update $wpdb query with AJAX
  68. Can’t make lazy load for my site, help!
  69. How to reload a php script, using AJAX and jQuery
  70. AJAX to add to cart multiple products woocommerce
  71. wp_set_object_terms returns 500 error when called through AJAX function
  72. How can i send id of the currently posted form data through json response in custom wordpress plugin?
  73. Cannot successfully execute AJAX script to call function.php specific function. Using XAMPP localhost to test
  74. How can i get the same ajax result using WP REST API instead of admin-ajax?
  75. Custom theme admin-ajax.php 400 (Bad Request)
  76. Remove item from post_meta array via AJAX
  77. number of posts with “Load More”
  78. defined (‘ABSPATH’) false after AJAX post to other PHP-file
  79. AJAX Filter WHILE Loop not working WordPress
  80. Ajax not updating to database
  81. WordPress 404 when using AJAX to call php function
  82. wordpress ajax pagination
  83. how use php query in AJAX jquery
  84. Ajax Load more CPT via shortcode
  85. Why I’m Not Having Access to “$_POST” Data Outside My AJAX Callback?
  86. Submitting my form to the database and then redirecting to payment site
  87. Pass the updated value of aid from form using ajax
  88. 500 (Internal Server Error) of external php file
  89. Use jQuery and AJAX to get HTML
  90. Dynamic Gallery
  91. best way to communicate between php and jquery/javascript
  92. Loading a post’s content, into a div outside the loop, when it’s title is selected in a list
  93. Fatal error: Uncaught Error: Call to undefined function wp_nav_menu()
  94. AJAX: WordPress filters inside $html do not work as intended
  95. Why not showing all post by default in my jquery filter
  96. Jquery autosave text area after typing
  97. Pass a PHP variable (loop-audio.php) to jQuery function (js/script.js)
  98. notify users when changed database
  99. getJSON response to PHP
  100. Upload multiple files via ajax from an HTML file input