jQuery Div中加载其他页面的实现代码


Posted in Javascript onFebruary 27, 2009

经过一翻尝试,终于找到了一个自大比较满意的解决方法,现写在自己的博客中与大家分享。
第一步需要在签核页面中提供一个区域用来显示表单内容,这里使用的是DIV。

<script type="text/javascript"> 
$(document).ready(function() { 
loadPage("doc_view", "<?php echo $this->doc_view_url . '/flag/1'; ?>"); 
}); 
</script> 
<?php 
$p = new Portlet(); 
$p->setCaption("Document View") 
->setShowBorder(false) 
->addItem("<div id='doc_view'></div>") //这个DIv就是用来显示表单内容的容器 
->render(); 
echo $this->partial("approval/CommentsList.phtml", array("approval_list" => $this->approval_list)); 
?>

第二步就是编写一段JavaScript用来获取表单页面,使用jQuery
//动态加载页面 
//id 显示页面的容器组件ID 
//url 欲加载页面网址 
function loadPage(id, url) { 
$("#"+id).addClass("loader"); 
$("#"+id).append("Loading......"); 
$.ajax({ 
type: "get", 
url: url, 
cache: false, 
error: function() {alert('加载页面' + url + '时出错!');}, 
success: function(msg) { 
$("#"+id).empty().append(msg); 
$("#"+id).removeClass("loader"); 
} 
}); 
}
Javascript 相关文章推荐
javascript prototype,executing,context,closure
Dec 24 Javascript
jQuery 行级解析读取XML文件(附源码)
Oct 12 Javascript
JavaScript中的变量声明早于赋值分析
Mar 01 Javascript
jqplot通过ajax动态画折线图的方法及思路
Dec 08 Javascript
IE中的File域无法清空使用jQuery重设File域
Apr 24 Javascript
javascript实现控制文字大中小显示
Apr 28 Javascript
JavaScript中数组的22种方法必学(推荐)
Jul 20 Javascript
详解JS获取HTML DOM元素的8种方法
Jun 17 Javascript
删除table表格行的实例讲解
Sep 21 Javascript
基于dataset的使用和图片延时加载的实现方法
Dec 11 Javascript
vue 国际化 vue-i18n 双语言 语言包
Jun 07 Javascript
vue实现文字横向无缝走马灯组件效果的实例代码
Apr 09 Javascript
jQuery 使用个人心得
Feb 26 #Javascript
javascript div 弹出可拖动窗口
Feb 26 #Javascript
javascript URL锚点取值方法
Feb 25 #Javascript
javascript 特殊字符串
Feb 25 #Javascript
javascript 密码强弱度检测万能插件
Feb 25 #Javascript
javascript 常用代码技巧大收集
Feb 25 #Javascript
input、button的不同type值在ajax提交表单时导致的陷阱
Feb 24 #Javascript
You might like
如何将一个表单同时提交到两个地方处理
2006/10/09 PHP
php下实现一个阿拉伯数字转中文数字的函数
2008/07/10 PHP
apache+codeigniter 通过.htcaccess做动态二级域名解析
2012/07/01 PHP
php xml常用函数的集合(比较详细)
2013/06/06 PHP
PHP提示Cannot modify header information - headers already sent by解决方法
2014/09/22 PHP
微信公众号OAuth2.0网页授权问题浅析
2017/01/21 PHP
js展开闭合效果演示代码
2013/07/24 Javascript
file控件选择上传文件确定后触发的js事件是哪个
2014/03/17 Javascript
JSON取值前判断
2014/12/23 Javascript
JS实现往下不断流动网页背景的方法
2015/02/27 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
2015/03/04 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
2016/04/29 Javascript
BootStrap tab选项卡使用小结
2020/08/09 Javascript
浅谈JavaScript的计时器对象
2016/12/26 Javascript
浅谈Javascript事件对象
2017/02/05 Javascript
js实现一个简单的数字时钟效果
2017/03/29 Javascript
js实现动态改变radio状态的方法
2018/02/28 Javascript
深入理解 Koa 框架中间件原理
2018/10/18 Javascript
解决axios会发送两次请求,有个OPTIONS请求的问题
2018/10/25 Javascript
微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)
2019/07/25 Javascript
[01:13]这,就是刀塔
2014/07/16 DOTA
Python中利用原始套接字进行网络编程的示例
2015/05/04 Python
Windows下anaconda安装第三方包的方法小结(tensorflow、gensim为例)
2018/04/05 Python
Python中一些不为人知的基础技巧总结
2018/05/19 Python
使用Python更换外网IP的方法
2018/07/09 Python
用python实现k近邻算法的示例代码
2018/09/06 Python
pytorch对梯度进行可视化进行梯度检查教程
2020/02/04 Python
使用Keras实现简单线性回归模型操作
2020/06/12 Python
结构工程个人自荐信范文
2013/11/30 职场文书
酒店中秋节促销方案
2014/01/30 职场文书
三字经教学反思
2014/04/26 职场文书
审计局班子四风对照检查材料思想汇报
2014/10/07 职场文书
酒店财务经理岗位职责
2015/04/08 职场文书
公司辞职信模板
2015/05/13 职场文书
人与自然的观后感
2015/06/18 职场文书
Python使用OpenCV实现虚拟缩放效果
2022/02/28 Python