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

可以在官方下载:《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模版文件名。

 

 

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

 

默认效果：

 

选择后：页面无刷新