Ajax分页与其他分页方式的区别在于,分页链接会使用Javascript方法来实现,该Javascript方法是分页方法,参数固定为该分页对应的分页URL地址。该Javascript方法通过Ajax获取到URL连接对应的分页内容后渲染到页面。

    完整示例如下:

    1. package main
    2. import (
    3. "github.com/gogf/gf/v2/frame/g"
    4. "github.com/gogf/gf/v2/net/ghttp"
    5. "github.com/gogf/gf/v2/os/gview"
    6. )
    7. func main() {
    8. s := g.Server()
    9. s.BindHandler("/page/ajax", func(r *ghttp.Request) {
    10. page := r.GetPage(100, 10)
    11. page.AjaxActionName = "DoAjax"
    12. buffer, _ := gview.ParseContent(`
    13. <html>
    14. <head>
    15. <style>
    16. a,span {padding:8px; font-size:16px;}
    17. div{margin:5px 5px 20px 5px}
    18. </style>
    19. <script src="https://cdn.bootcss.com/jquery/2.0.3/jquery.min.js"></script>
    20. <script>
    21. function DoAjax(url) {
    22. $.get(url, function(data,status) {
    23. $("body").html(data);
    24. });
    25. }
    26. </script>
    27. </head>
    28. <body>
    29. <div>{{.page1}}</div>
    30. <div>{{.page2}}</div>
    31. <div>{{.page3}}</div>
    32. <div>{{.page4}}</div>
    33. </body>
    34. </html>
    35. `, g.Map{
    36. "page1": page.GetContent(1),
    37. "page2": page.GetContent(2),
    38. "page3": page.GetContent(3),
    39. "page4": page.GetContent(4),
    40. })
    41. r.Response.Write(buffer)
    42. })
    43. s.SetPort(8199)
    44. s.Run()
    45. }

    在该示例中,我们定义了一个DoAjax(url)方法用来执行分页操作,为演示需要它逻辑很简单,会加载指定分页页面的内容并覆盖掉当前页面的分页内容。

    1. function DoAjax(url) {
    2. $.get(url, function(data,status) {
    3. $("body").html(data);
    4. });
    5. }