1. 云栖社区>
  2. PHP教程>
  3. 正文

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

作者:用户 来源:互联网 时间:2017-12-01 13:57:52

ajax技术url页面实现刷新简单使用通过thinkphp3

ThinkPHP3 使用ajax技术通过URL传值让页面无刷新的简单实现 - 摘要: 本文讲的是ThinkPHP3 使用ajax技术通过URL传值让页面无刷新的简单实现, 可以在官方下载:《ThinkPHP示例:ajax分页操作》的事例看一看,跟这个比较类似,但是不需要用到分页类。 只需要注意几个地方,就可以。   要看懂以下代码需要一定的ThinkPHP基础。 使用条件:正确引入jquery文件。   1

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


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


 


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


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


 


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


例如:index.html文件再配一个ajaxlist.html,然后在index.html文件中使用引用。


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


 


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


 


选择后:页面无刷新


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


 


 


 

ThinkPHP3 使用ajax技术通过URL传值让页面无刷新的简单实现
大小: 24.8 KB
ThinkPHP3 使用ajax技术通过URL传值让页面无刷新的简单实现
大小: 19.3 KB
查看图片附件

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索ajax , 技术 , url , 页面 , 实现 , 刷新 , 简单 , 使用 , 通过 thinkphp3 ,以便于您获取更多的相关知识。