`

使用thickbox,刷新背景页面

    博客分类:
  • PHP
阅读更多

    昨天项目中使用一个浮层,进行学校信息的添加,用thickbox实现的。当添加完成后,浮层关闭,但是背景页面不进行刷新,而是需要手动F5一下才可以看到新添加的学校记录信息,用户体验很差。

    由于使用的是cakephp框架,使用redirect重定向,只是浮层框的重定向,不能影响到背景层。换种方式,使用$this->functionName();也起不到效果。

    最后在thickbox对应的控制器中,当将数据保存数据库的程序执行完毕以后,加上如下代码:

echo '<script type="text/javascript">';
echo 'top.location.reload();';
echo '</script>';
exit;

    即可执行背景页面的刷新,显示最近更新的记录,同时thickbox浮层消失。

0
0
分享到:
评论

相关推荐

    ThickBox关闭层自动刷新和页面数据提交冲突问题

    ### ThickBox关闭层自动刷新与页面数据提交冲突问题解析 #### 问题背景及现象 在进行Web开发过程中,经常会遇到需要使用弹出层的情况。ThickBox作为一个常用的弹出层插件,因其简单易用而受到许多开发者的青睐。...

    thickbox插件(jquery.js-thickbox.js-thickbox.css)含三个文件

    - **AJAX加载**:通过AJAX技术,ThickBox可以动态获取并加载远程页面内容,实现无刷新更新,提升用户体验。 - **全屏模式**:ThickBox可以切换到全屏模式,最大化显示内容,让用户更加专注于当前的查看或操作。 在...

    Thickbox 3.1插件包

    它使用AJAX技术来实现无刷新内容加载,提供了一种优雅的方式来展示图片、HTML页面、IFrame和YouTube视频。通过绑定事件和使用CSS来控制外观,Thickbox能够与各种网页设计无缝融合。 2. **thickbox.css样式包**: ...

    thickbox实例

    6. AJAX集成:Thickbox可以与AJAX技术结合,动态加载内容,使得用户在不刷新整个页面的情况下,更新弹出窗口中的信息。 学习Thickbox实例时,你可以关注以下几点: 1. HTML结构:了解如何正确地为图片、iframe或者...

    thickbox demo

    3. **IFrame集成**:通过IFrame,Thickbox能够加载外部网页或者同一页面的其他部分,为用户提供无刷新的交互体验。 4. **自定义设置**:Thickbox支持各种自定义配置,如背景透明度、宽度、高度、关闭按钮等,开发者...

    ThickBox 多功能弹出层插件支持图片、ajax、内嵌内容弹等演示页面

    ThickBox是基于jQuery库的一个插件,它创建了一个全屏的浮动层,可以在用户与页面交互时弹出,不影响页面背景的其他元素。这个浮动层可以用于显示图片、HTML内容、IFrame、视频等多种内容,通过Ajax技术可以实现动态...

    thickbox3.1.rar

    通过使用jQuery,ThickBox能够更高效地与服务器进行异步通信,无需刷新整个页面即可加载内容,提升用户体验。 标签"jquery"和"thickbox"进一步强调了这个压缩文件包含的内容与这两个技术相关。jQuery的使用使...

    thickbox 调用的文件

    当用户点击一个链接或图像,Thickbox会通过JavaScript动态地创建一个覆盖整个页面的黑色半透明背景层,然后在中央加载选定的内容。内容可以是图片、HTML页面、SWF文件、YouTube视频等,这些都是通过修改DOM元素并在...

    thickbox3.0

    6. **Iframe集成**:通过iframe标签,Thickbox可以加载外部网页或应用,提供了一种无刷新的交互方式,这对于嵌入地图、视频或者第三方服务非常有用。 7. **自定义配置**:Thickbox允许开发者根据项目需求进行定制,...

    thickbox2.0

    3. **AJAX集成**:"ajax.php"文件表明Thickbox可以与后端PHP进行交互,通过AJAX技术实现动态加载内容,无需刷新整个页面,提升了用户体验。 4. **资源分离**:压缩包中的"js"、"css"目录分别存放JavaScript脚本和...

    AJAX--greybox,thickbox,Lightbox代码实例

    Greybox、Thickbox 和 Lightbox 是三种流行的弹出式窗口插件,它们都是基于AJAX技术来实现的,用于在页面上展示多媒体内容,如图片、视频、HTML页面等,同时保持背景页面暗淡或半透明,使焦点集中在弹出的内容上。...

    用javascript 的遮罩

    JavaScript是一种广泛应用于网页和应用程序开发的脚本语言,它允许在客户端进行动态内容处理,而无需刷新整个页面。在这个主题中,“用JavaScript的遮罩”指的是利用JavaScript实现一种覆盖层效果,这种效果常用于...

    JQUER弹出遮照层

    遮照层是在网页主内容上覆盖一层半透明或全黑的背景,用来突出显示弹出的内容,同时阻止用户与背景页面的交互。这在展示重要信息或进行交互操作时非常有用。 1. 单一弹出照片:在网页上,当用户点击某个元素时,...

    Ajax_xml_lightbox

    这种设计让用户在全屏背景下集中注意力于内容,同时保持背景页面的可见性,提供了一种优雅的查看方式。 **Thickbox效果** 类似于Lightbox,也是网页中的一种弹出式视图技术,通常用于展示图片、视频或者HTML内容。...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    1.JS+CSS仿腾讯QQ首页搜索框无刷新换肤效果代码 2.js+css简单后台二级树形菜单demo示例 3.JS+CSS美化经典Select选项框插件 4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录...

Global site tag (gtag.js) - Google Analytics