码迷,mamicode.com
首页 > Web开发 > 详细

TP5中Jquery实现ajax分页(简单)

时间:2018-09-28 17:37:26      阅读:1254      评论:0      收藏:0      [点我收藏+]

标签:htm   分页   tp5   cti   fun   ajax   ref   UNC   jquery代码   

HTML代码:

tp5内置分页
<div id="page">
{$data.shop->render()}
</div>

jQuery代码:

//ajax分页
$(‘#page a‘).click(function (event) {
  //阻止a标签的跳转
event.preventDefault();
  //获取a标签中和href值
var href = $(this).attr(‘href‘);
  //实现ajax分页
$.ajax({
url:href,
method:"post"
}).done(function (msg) {
     //替换html中的body值
$(‘#body‘).html(msg);
})
});

TP5中Jquery实现ajax分页(简单)

标签:htm   分页   tp5   cti   fun   ajax   ref   UNC   jquery代码   

原文地址:https://www.cnblogs.com/wannglongfei/p/9719560.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!