gf架構之分頁模組(四) - Ajax分頁

來源:互聯網
上載者:User
這是一個建立於 的文章,其中的資訊可能已經有所發展或是發生改變。

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

Ajax分頁與其他分頁方式的區別在於,分頁連結會使用Javascript方法來實現,該Javascript方法是分頁方法,參數固定為該分頁對應的分頁URL地址。

完整樣本如下:

package mainimport (    "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, function(data,status) {         $("body").html(data);     });}
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.