Guest User

Untitled

a guest
Jun 21st, 2018
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.06 KB | None | 0 0
  1. ## index.html.erb
  2.  
  3. <ul class="results { 'page': '4' }">
  4. <li>foo</li>
  5. <li>bar</li>
  6. </ul>
  7.  
  8. <a href="#" class="page-link previous">Page 1</a>
  9. | <a href="#" class="page-link next">Page 2</a>
  10.  
  11. ## results.js [javascript]
  12.  
  13. jQuery(document).ready(function() {
  14. jQuery("a.page-link").each(function() {
  15. var link = jQuery(this);
  16. var page = jQuery("ul.results").metadata().page;
  17.  
  18. var link_page;
  19. if (link.hasClass("previous")) {
  20. link_page = page - 1;
  21. } else if (link.hasClass("next") {
  22. link_page = page + 1;
  23. } else {
  24. throw Exception("Weird stuff");
  25. }
  26.  
  27. jQuery.ajax({
  28. url: '/results.js?page='+page,
  29. dataType: 'json',
  30. onComplete: function(results) {
  31. var results = jQuery("ul.results");
  32. results.clear();
  33.  
  34. // assuming the results are in correct format
  35. jQuery.each(results, function(iResult) {
  36. results.append("<li>"+iResult+"</li>");
  37. });
  38.  
  39. // update the page
  40. results.metadata()[page] = link_page;
  41. }
  42. });
  43. });
  44. });
Add Comment
Please, Sign In to add comment