thinkPHP基于javascript 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框架的PHP程序设计有所帮助。

本文thinkPHP基于javascript ajax如何实现的菜单与分页示例到此结束。攻守并重,全员实动,活动目标,服务导向。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
thinkphp集成前端脚手架Vue-cli的好代码教程图解

thinkPHP5框架分页样式类完整示例

TP5(thinkPHP5)框架基于javascript ajax与后台数据交互操作简单示例

ThinkPHP框架如何实现定时执行任务的两种方法分析

thinkPHP5.0框架事务处理操作简单示例