php教程

超轻量级php框架startmvc

thinkPHP基于ajax实现的菜单与分页示例

更新时间:2020-03-10 04:36:28 作者:startmvc
本文实例讲述了thinkPHP基于ajax实现菜单与分页的方法。分享给大家供大家参考,具体如下:

本文实例讲述了thinkPHP基于ajax实现菜单与分页的方法。分享给大家供大家参考,具体如下:

一个分类菜单,使用ajax实现:


function getid(id){
$.ajax({
 url: "{:U('/Index/example')}",
 type: "POST",
 data: {id:id}
 }).success(function(data) {
 $("#centent").html(data);
 });
}

并使用ajax分页,这个是网上某位写的:


<script type="text/javascript">
<!--
$("#page_show > a").click(function() {
 $('#centent').append('<span id="lod">加载中..</span>');
 //获取url
 var _HREF = $(this).attr('href');
 //加载页面
 $("#centent").load(_HREF, '', function() {
 $("#lod").remove();
 });
 return false;
});
//-->
</script>

之前使用post实现的菜单内容,没有什么问题


$.post(url, function(data) {
 $('.centent').html(data);
});

但是使用ajax实现时,不能得到正确结果。分页不能完成。 最后思考之下,将      type: "POST",改为     type: "GET", 问题解决。post方式也是以POST提交的,ajax开始也是以POST提交,为什么却不行呢?最后发现还是url的原因,两处url不一样。

thinkPHP ajax 菜单 分页