在做一个表单签核系统时,需在要签核页面中将表单内容(事先做好的PHP页面)显示出来,于就是想能不能利用Ajax技术把这个事先做好的页面嵌入到签核页面中呢?经过一翻尝试,终于找到了一个自大比较满意的解决方法,现写在自己的博客中与大家分享。
第一步需要在签核页面中提供一个区域用来显示表单内容,这里使用的是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加载一个html页面到指定的div里 把a.html里面的某一部份的内容加载到b.html的一个div里。 比如:加载a.html里面的<div id=“row”></div>这个div里面的所有内容加载到b.html的这个div里<div id=”content...
简单的jQuery加载等待转圈页面小插件
JQuery实现页面图片懒加载效果,两个文件放进去,只需加入两行代码即可实现。
在做一个表单签核系统时,需在要签核页面中将表单内容(事先做好的PHP页面)显示出来,于就是想能不能利用Ajax技术把这个事先做好的页面嵌入到签核页面中呢?
主要介绍了Jquery如何在指定DIV加载HTML,需要的朋友可以参考下
在页面加载后或者点击页面的某个链接时弹出一个div层,同时页面的其他地方会变灰
最近在做作业中需要在不用iframe的情况下嵌套页面,所以只好在div中嵌套,用的是jquery方法。 复制代码代码如下: [removed] $(document).ready(function() { $(“#button”).click(function() { $(“#content”)....
4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery仿flash产品图片多角度展示特效代码 8. ...
} 加载 ${contextPath}/notepad/toCreate.do 页面到id为test的div中,加载完成之后,create页面中的js不会执行 这种方式没办法实现,换个思路: 代码如下:<div id=”test”> <iframe name=”testLoad” style=”...
9.JS精简网页音乐播放器 浮动在页面顶部像工具栏 10.超强JS网页版泡泡龙游戏下载 11.兼容各浏览器JS+CSS水平和垂直无缝图片滚动效果代码 12.漂亮暖色调js+flash平滑过渡大屏图片切换的广告代码 13.实用国外...
4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery仿flash产品图片多角度展示特效代码 8. jquery...
爵士爵士 安装 只需在您的<head>包含JazzyAjax < script src =" https://raw.githubusercontent.com/jimtendo/JazzyAjax/master/jquery.jazzyajax.js " >... 现在,链接或表单的内容将被加载到该容器中。
10.4 从外部文件中加载页面内容 10.5 为页面添加转场效果 10.6 设置全局默认的转场效果 10.7 定制显示回退按钮 10.8 在标题栏中添加导航栏 10.9 在页脚区域添加导航栏 10.10 添加可折叠的导航按钮 10.11 实现可折叠...
一、jQuery.load() jQuery.load(url,[data],[callback])通过Ajax异步请求加载...二、IE8中使用jQuery.load()加载页面无法显示的原因 首先,在IE8中,是可以使用jQuery.load()方法的(在兼容IE的jQuery版本下)
正如Using Deferreds in jQuery 1.5一文中说明的,其结果是在jQuery中能够将依赖于某个任务(事件)结果的逻辑与任务本身解耦了。这一点在JavaScript中其实并不新鲜,Mochikit和Dojo等已经实现有些日子了。由于...
相关推荐
一、jQuery加载一个html页面到指定的div里 把a.html里面的某一部份的内容加载到b.html的一个div里。 比如:加载a.html里面的<div id=“row”></div>这个div里面的所有内容加载到b.html的这个div里<div id=”content...
简单的jQuery加载等待转圈页面小插件
JQuery实现页面图片懒加载效果,两个文件放进去,只需加入两行代码即可实现。
在做一个表单签核系统时,需在要签核页面中将表单内容(事先做好的PHP页面)显示出来,于就是想能不能利用Ajax技术把这个事先做好的页面嵌入到签核页面中呢?
主要介绍了Jquery如何在指定DIV加载HTML,需要的朋友可以参考下
在页面加载后或者点击页面的某个链接时弹出一个div层,同时页面的其他地方会变灰
最近在做作业中需要在不用iframe的情况下嵌套页面,所以只好在div中嵌套,用的是jquery方法。 复制代码代码如下: [removed] $(document).ready(function() { $(“#button”).click(function() { $(“#content”)....
4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery仿flash产品图片多角度展示特效代码 8. ...
} 加载 ${contextPath}/notepad/toCreate.do 页面到id为test的div中,加载完成之后,create页面中的js不会执行 这种方式没办法实现,换个思路: 代码如下:<div id=”test”> <iframe name=”testLoad” style=”...
9.JS精简网页音乐播放器 浮动在页面顶部像工具栏 10.超强JS网页版泡泡龙游戏下载 11.兼容各浏览器JS+CSS水平和垂直无缝图片滚动效果代码 12.漂亮暖色调js+flash平滑过渡大屏图片切换的广告代码 13.实用国外...
4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery仿flash产品图片多角度展示特效代码 8. jquery...
爵士爵士 安装 只需在您的<head>包含JazzyAjax < script src =" https://raw.githubusercontent.com/jimtendo/JazzyAjax/master/jquery.jazzyajax.js " >... 现在,链接或表单的内容将被加载到该容器中。
4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery仿flash产品图片多角度展示特效代码 8. jquery...
10.4 从外部文件中加载页面内容 10.5 为页面添加转场效果 10.6 设置全局默认的转场效果 10.7 定制显示回退按钮 10.8 在标题栏中添加导航栏 10.9 在页脚区域添加导航栏 10.10 添加可折叠的导航按钮 10.11 实现可折叠...
4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery仿flash产品图片多角度展示特效代码 8. jquery...
一、jQuery.load() jQuery.load(url,[data],[callback])通过Ajax异步请求加载...二、IE8中使用jQuery.load()加载页面无法显示的原因 首先,在IE8中,是可以使用jQuery.load()方法的(在兼容IE的jQuery版本下)
正如Using Deferreds in jQuery 1.5一文中说明的,其结果是在jQuery中能够将依赖于某个任务(事件)结果的逻辑与任务本身解耦了。这一点在JavaScript中其实并不新鲜,Mochikit和Dojo等已经实现有些日子了。由于...