服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|JAVA教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|JavaScript|易语言|

服务器之家 - 编程语言 - PHP教程 - thinkPHP基于ajax实现的菜单与分页示例

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

2021-02-03 16:19lwx2615 PHP教程

这篇文章主要介绍了thinkPHP基于ajax实现的菜单与分页,结合实例形式分析了thinkPHP基于ajax无刷新交互实现菜单及分页功能的相关技巧与注意事项,需要的朋友可以参考下

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

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

?
1
2
3
4
5
6
7
8
9
function getid(id){
$.ajax({
   url: "{:U('/Index/example')}",
   type: "POST",
   data: {id:id}
  }).success(function(data) {
   $("#centent").html(data);
  });
}

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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<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实现的菜单内容,没有什么问题

?
1
2
3
$.post(url, function(data) {
 $('.centent').html(data);
});

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

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

延伸 · 阅读

精彩推荐