ThinkPHP3 使用ajax技术通过URL传值让页面无刷新的简单实现_PHP_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > PHP > ThinkPHP3 使用ajax技术通过URL传值让页面无刷新的简单实现

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

 2013/10/12 23:20:42  tyllxx  程序员俱乐部  我要评论(0)
  • 摘要:可以在官方下载:《ThinkPHP示例:ajax分页操作》的事例看一看,跟这个比较类似,但是不需要用到分页类。只需要注意几个地方,就可以。要看懂以下代码需要一定的ThinkPHP基础。使用条件:正确引入jquery文件。1.模版需要使用一个引入模版例如:index.html文件再配一个ajaxlist.html,然后在index.html文件中使用<includefile="ajaxlist"/>引用。ajaxlist.html文件中,是需要ajax替换的模版代码片段。2
  • 标签:PHP 实现 使用 Ajax URL Ajax技术 无刷新 技术

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

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

?

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

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

?

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

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

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

?

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

?

class="js">			$.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模版文件名

?

?

制作的一个试卷筛选功能:注意以上几点验证可用。转载请注明出处: tyllxx.iteye.com

?

默认效果:

?

选择后:页面无刷新

?

?

?

  • 大小: 24.8 KB
  • 大小: 19.3 KB
  • 查看图片附件
上一篇: php 操作 json数据 下一篇: 没有下一篇了!
发表评论
用户名: 匿名