您好,UncleToo欢迎您!  为了更好的浏览本站,请使用高版本浏览器
RSS  Tag     设为首页 | 加入收藏
 您所在的位置:首页 > PHP框架 > ThinkPHP

ThinkPHP3 使用ajax技术通过URL传值让页面无刷新的简单实现

作者:  来源:互联网  日期:2013-10-27 9:46:54
收藏  评论:( 0 )  阅读:828

可以在官方下载:《ThinkPHP示例:ajax分页操作》的事例看一看,跟这个比较类似,但是不需要用到分页类。

只需要注意几个地方,就可以。


要看懂以下代码需要一定的ThinkPHP基础。

使用条件:正确引入jquery文件。


1.模版需要使用一个引入模版

例如:index.html文件再配一个ajaxlist.html,然后在index.html文件中使用<include file="ajaxlist" />引用。

ajaxlist.html文件中,是需要ajax替换的模版代码片段。


2.index.html文件中script的配置(片段):使用URL传值的方式

$.ajax({ 
  type:"get", 
  url:"/index/id/"+RetSelecteds(), 
  dataType: "html", 
  success: function(data){$("#包含ajaxlist的DIV层ID").html(data);              
  } 
});//转载请注明出处:  tyllxx.iteye.com

RetSelecteds()方法,是提取页面上要传回控制器的值的返回方法  

3.控制器里需要加入如下代码(片段):

if ($this->isAjax()) {//判断ajax请求 
            layout(false); 
            exit($this->fetch('ajaxlist')); 
        }

这个最好写在$this->display();前面,注意里面的ajaxlist是ajaxlist.html模版文件名。  

默认效果:


选择后:页面无刷新




除非特别声明,本站所有PHP教程及其他教程/文章均为原创、翻译或网友投稿,版权均归UncleToo中文网所有, 转载请注明作者及出处。
原文网址:http://www.uncletoo.com/html/think/453.html
读完这篇文章后,你是否有所收获? 分享是一种生活的信念!
  • 0
  • 0
我来说两句
更多>>网友评论