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

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

第一步需要在签核页面中提供一个区域用来显示表单内容,这里使用的是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教程学习
    编程开发子分类