`
tyllxx
  • 浏览: 86371 次
  • 性别: Icon_minigender_1
  • 来自: 贵阳
社区版块
存档分类
最新评论

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

 

默认效果:

 

选择后:页面无刷新

 

 

 

  • 大小: 24.8 KB
  • 大小: 19.3 KB
1
1
分享到:
评论

相关推荐

    thinkphp+ajax无刷新分页

    通过以上步骤,我们可以看到在ThinkPHP框架中使用AJAX实现无刷新分页不仅方便快捷,而且可以显著提升用户体验。开发者只需关注业务逻辑的实现,而无需过多关心底层的分页处理细节。这种方法在大型项目中尤其有用,...

    tp3.2+ajax无刷新分页

    "tp3.2+ajax无刷新分页" 指的是使用ThinkPHP 3.2框架结合Ajax技术实现的无刷新分页功能。ThinkPHP 3.2是一个广泛使用的PHP开发框架,它提供了丰富的MVC(Model-View-Controller)架构支持,便于开发者构建Web应用。...

    ThinkPHP5.1+Ajax实现的无刷新分页功能示例

    在本文中,我们将深入探讨如何使用ThinkPHP5.1框架和Ajax技术来实现无刷新分页功能,这是一种优化用户体验的有效方法,可以显著提升网站性能。首先,我们要理解无刷新分页的基本原理,它通过在不重新加载整个页面的...

    基于ThinkPHP的Ajax数据交互研究.pdf

    3. 提高用户体验:使用 ThinkPHP 框架内置的 Ajax 引擎技术,可以实现局部刷新,提高用户体验。 结论:ThinkPHP 的 Ajax 数据交互技术可以简化大量代码,提高开发效率,提高用户体验,是一种高效的数据交互技术。

    ajax thinkphp无刷新分页模版类

    ajax thinkphp无刷新分页模版类,使用在之前上传的文件里

    thinkphp+ajax图片上传生成缩略图

    AJAX(Asynchronous JavaScript and XML)允许在不刷新整个页面的情况下与服务器交换数据和更新部分网页内容,是实现无刷新上传的关键技术。 在前端,我们需要使用JavaScript和HTML来构建上传界面。用户可以选择多...

    thinkphp ajax实例

    在IT行业中,ThinkPHP是一个非常流行的基于PHP的开源框架,它极大地简化了Web应用的开发过程,而Ajax(异步JavaScript和XML)则是一种在不刷新整个页面的情况下更新部分网页内容的技术。当ThinkPHP与Ajax结合使用时...

    thinkphp ajax分页

    本知识点主要聚焦于ThinkPHP框架中结合Ajax实现的无刷新分页技术。 一、ThinkPHP框架基础 ThinkPHP是一个基于MVC(Model-View-Controller)模式的开源PHP框架,它提倡快速、简单的面向对象的开发方式。框架的核心...

    在Thinkphp中使用ajax实现无刷新分页的方法

    无刷新分页是指在用户请求分页数据时,不需要重新加载整个页面,而是通过AJAX技术仅对页面的部分内容进行更新。这种方式能够极大提升用户体验,减少等待时间,提高页面响应速度。 首先,需要了解ThinkPHP框架下的...

    thinkphp框架基于ajax,js的滚屏加载技术demo

    初学php,基于ajax,js用thinkphp做的拉下滚动条到底部时,无刷新加载数据库内容,很简单的数据库,就一条记录,简单的加载,并在引动段也测试过可用.此应用代码有一个小前提,就是默认页面原有的内容量够多,是页面存在滚动...

    thinkPHP框架做的AJAX登录处理

    CSS(层叠样式表)用于定义网页元素的外观和布局,而JS框架(可能包括jQuery或其他库)则负责实现AJAX(异步JavaScript和XML)技术,使得用户无需刷新页面即可发送登录请求。 当用户点击登录按钮时,前端通过AJAX向...

    利用thinkphp3.0做的ajax评论

    这里我们关注的是一个基于ThinkPHP 3.0版本实现的Ajax评论系统。Ajax,即Asynchronous JavaScript and XML,是一种创建交互式网页应用的技术,允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页...

    ThinkPHP+ajaxupload.js上传图片

    它通过Ajax技术,使得用户可以在不刷新页面的情况下提交文件,提高用户体验。ajaxupload.js提供了简单的API,可以方便地与后端服务器进行交互。 在ThinkPHP中结合ajaxupload.js实现图片上传,主要步骤如下: 1. **...

    Thinkphp+ajax+省、市、区三级联动

    总的来说,"Thinkphp+ajax+省、市、区三级联动"是Web开发中常用的一种技术组合,通过合理的设计和实现,可以提供流畅的地理位置选择体验。在实际项目中,开发者还需要考虑性能优化、安全性等问题,以确保系统的稳定...

    thinkphp独立的验证码以及无刷新验证demo

    在这个"thinkphp独立的验证码以及无刷新验证demo"中,我们可以深入理解如何在不依赖ThinkPHP整个框架的情况下,单独使用其验证码功能,并实现无刷新验证。 首先,验证码的独立使用意味着我们只需提取ThinkPHP框架中...

    Ajax 实现无刷新分页

    本主题将深入探讨如何使用Ajax实现无刷新分页,特别是基于ThinkPHP框架的应用场景。 分页是大型数据集展示时常见的功能,通过分页可以避免一次性加载大量数据导致的性能问题。传统的分页方式需要用户点击页码或使用...

    Thinkphp和AJAX动态验证用户输入

    使用Thinkphp3.2框架,wampserver服务器,ajax提交数据,详情见博客http://blog.csdn.net/welovesunflower/article/details/41963671

    php框架thinkphp实现js(ajax)无限添加级联下拉框

    2. **Ajax技术**:AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。在这个应用中,当用户在级联下拉框中选择一个选项时,AJAX...

Global site tag (gtag.js) - Google Analytics