手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery Div中加载其他页面的实现代码
jQuery Div中加载其他页面的实现代码
摘要:经过一翻尝试,终于找到了一个自大比较满意的解决方法,现写在自己的博客中与大家分享。第一步需要在签核页面中提供一个区域用来显示表单内容,这里使...

经过一翻尝试,终于找到了一个自大比较满意的解决方法,现写在自己的博客中与大家分享。

第一步需要在签核页面中提供一个区域用来显示表单内容,这里使用的是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");

}

});

}

【jQuery Div中加载其他页面的实现代码】相关文章:

JQuery boxy插件在IE中边角图片不显示问题的解决

JQuery中上下文选择器实现方法

JQuery中DOM实现事件移除的方法

让插入到 innerHTML 中的 script 跑起来的实现代码

jQuery获取上传文件的名称的正则表达式

javascript实现youku的视频代码自适应宽度

jquery实现弹出层效果实例

js实现异步循环实现代码

jQuery处理图片加载失败的常用方法

jQuery插件expander实现图片翻转特效

精品推荐
分类导航