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

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

时间: 2024-08-27 13:57:38

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

jquery ajax局部加载方法详解(实现代码)_jquery

在jquery中实现ajax加载的方法有很多种,不像以前的js的ajax只有那一种,下面我们介绍jquery ajax实现局部加载方法总结,有需要了解的朋友可参考. 例 $.ajax({ url: "hotelQuery!queryHotelByCity.action", type: "post", dataType: "html", data: "queryHotel.city="+cityobj.value+"&

html-移动端WEB 关于DIV中加载一个外部链接的页面(例:www.baidu.com)

问题描述 移动端WEB 关于DIV中加载一个外部链接的页面(例:www.baidu.com) 如题 我试过AJAX请求,但是不成功不知道代码是否有问题 $.ajax({ url:"http://www.baidu.com/", type:"post", dataType:"html", success:function(data){ $("#main").html(data); } }); 也试过iframe标签,不过这个标签

jquery popupDialog 使用 加载jsp页面的方法_jquery

如下所示: <pre name="code" class="html"> //加载全部菜单 initAllMenuPage:function(obj){ var select = $('#g402880312788b836012788b99cb0010d tbody tr.selected').attr('value'); if(select){ popupDialog(obj.id+"_dialog","模块信息"

webview-在WebView中加载HTML页面时怎么显示进度对话框

问题描述 在WebView中加载HTML页面时怎么显示进度对话框 在程序中使用webview视图显示html页面.我想在页面加载时显示一个进度对话框.但是我加载页面后,没有显示进度对话框.我使用AsyncTask,进度对话框还是没有显示.我使用的以下代码: class DownloadAysnc extends AsyncTask<String String Void> { ProgressDialog progressDialog; @Override protected void onPr

webapp-ios的safari中加载的页面使用页面下拽动作的浏览器默认行为

问题描述 ios的safari中加载的页面使用页面下拽动作的浏览器默认行为 ios的safari中加载的页面如果使用页面下拽动作,整个页面顶端会离开浏览器窗口,路出后面默认的灰色背景,有什么办法能禁止浏览器这种行为?

应用-cordova项目的页面中加载远程页面如何启动硬件加速?

问题描述 cordova项目的页面中加载远程页面如何启动硬件加速? 同样的应用安装在小米4上加载一个远程的全景图页面,硬件加速false,用手滑动的时候很卡顿,但是安装在了魅蓝上面显示加速true,体验还可以,发布在了i-touch上面后同一个页面也显示的是true,没出现卡顿情况,是硬件加速的问题,但是如何处理呢?在添加了android平台后,AndroidManifest.xml种有 <application android:hardwareAccelerated="true"

jquery zTree异步加载、模糊搜索简单实例分享_jquery

本文实例为大家讲解了jquery zTree树插件的基本使用方法,具体内容如下 一.节点模糊搜索功能:搜索成功后,自动高亮显示并定位.展开搜索到的节点. 二.节点异步加载:1.点击展开时加载数据:2.选中节点时加载数据. 前台代码如下: <script type="text/javascript"> //ztree设置 var setting = { view: { fontCss: getFontCss }, check: { enable: true }, data:

用jQuery模拟页面加载进度条的实现代码_jquery

因为我们无法通过任何方法获取整个页面的大小和当前加载了多少,所以想制作一个加载进度条的唯一办法就是模拟.那要怎么模拟呢? 我们知道,页面是从上往下执行的,也就是说我们可以大致估算出在页面的某个位置加载了多少,而后用jq模拟出一个进度条来显示. 首先我们先画一个进度条的样子,也就是上图图中的样子,这个不用过多说明,自己看代码 CSS 复制代码 代码如下: *{margin:0;padding:0;font-size:12px} .loading{position:relative;top:0;le

jquery 图片预加载 自动等比例缩放插件_jquery

复制代码 代码如下: /* **************图片预加载插件****************** ///作者:没剑(2008-06-23) ///http://regedit.cnblogs.com ///说明:在图片加载前显示一个加载标志,当图片下载完毕后显示图片出来 可对图片进行是否自动缩放功能 此插件使用时可让页面先加载,而图片后加载的方式, 解决了平时使用时要在图片显示出来后才能进行缩放时撑大布局的问题 ///参数设置: scaling 是否等比例自动缩放 width 图片最大