Ajax
分页与其他分页方式的区别在于,分页链接会使用Javascript
方法来实现,该Javascript
方法是分页方法,参数固定为该分页对应的分页URL
地址。该Javascript
方法通过Ajax
获取到URL
连接对应的分页内容后渲染到页面。
完整示例如下:
package main
import (
"github.com/gogf/gf/v2/frame/g"
"github.com/gogf/gf/v2/net/ghttp"
"github.com/gogf/gf/v2/os/gview"
)
func main() {
s := g.Server()
s.BindHandler("/page/ajax", func(r *ghttp.Request) {
page := r.GetPage(100, 10)
page.AjaxActionName = "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" rel="external nofollow" ></script>
<script>
function DoAjax(url) {
$.get(url, function(data,status) {
$("body").html(data);
});
}
</script>
</head>
<body>
<div>{{.page1}}</div>
<div>{{.page2}}</div>
<div>{{.page3}}</div>
<div>{{.page4}}</div>
</body>
</html>
`, g.Map{
"page1": page.GetContent(1),
"page2": page.GetContent(2),
"page3": page.GetContent(3),
"page4": page.GetContent(4),
})
r.Response.Write(buffer)
})
s.SetPort(8199)
s.Run()
}
在该示例中,我们定义了一个DoAjax(url)
方法用来执行分页操作,为演示需要它逻辑很简单,会加载指定分页页面的内容并覆盖掉当前页面的分页内容。
function DoAjax(url) {
$.get(url, function(data,status) {
$("body").html(data);
});
}
允许接口跨域往往是需要结合路由管理-中间件/拦截器一起使用,来统一设置某些路由规则下的接口可以跨域访问。同时,针对允许We...
gpage支持自定义URL模板,在模板中可以使用{.page}内置变量替换页码的内容,我们来看一个简单的示例:package maini...
gudp模块提供了非常简便易用的gudp.Conn链接操作对象。使用方式:import "github.com/gogf/gf/v2/net/gudp"接口文档:ht...
Iris使用自定义版本的muxie。查看所有的Benchmarks测试使用int动态参数触发200000个请求,发送JSON作为请求正文并接收JSON作为响...
我们在上一节所看到的应用程序记录器用于记录与应用程序相关的信息和错误。另一方面,我们在下面看到的AccessLogger用于记录...