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
默认效果:
选择后:页面无刷新