微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

gf框架之分页模块(四) - Ajax分页

文章来源:http://gf.johng.cn/597434

Ajax分页与其他分页方式的区别在于,分页链接会使用Javascript方法来实现,该Javascript方法分页方法,参数固定为该分页对应的分页URL地址

完整示例如下:

package main

import (
    "gitee.com/johng/gf/g/os/gview"
    "gitee.com/johng/gf/g/net/ghttp"
    "gitee.com/johng/gf/g/util/gpage"
)

func main() {
    s := ghttp.GetServer()
    s.BindHandler("/page/ajax",func(r *ghttp.Request){
        page := gpage.New(100,10,r.Get("page"),r.URL.String(),r.Router.Uri)
        page.EnableAjax("DoAjax")
        buffer,_ := gview.ParseContent(`
        <html>
            <head>
                <style>
                    a,span {padding:8px; font-size:16px;}
                    div{margin:5px 5px 20px 5px}
                </style>
                <script src="https://cdn.bootcss.com/jquery/2.0.3/jquery.min.js"></script>
                <script>
                function DoAjax(url) {
                     $.get(url,function(data,status) {
                         $("body").html(data);
                     });
                }
                </script>
            </head>
            <body>
                <div>{{.page}}</div>
            </body>
        </html>
        `,g.Map{
            "page" : gview.HTML(page.GetContent(1)),})
        r.Response.Write(buffer)
    })
    s.SetPort(8199)
    s.Run()
}

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

function DoAjax(url) {
     $.get(url,status) {
         $("body").html(data);
     });
}

原文地址:https://www.jb51.cc/ajax/160311.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐