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

okaylantern

okaylantern

2016-02-19 16:04

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享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");
}
});
}
展开更多 50%)
分享

猜你喜欢

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

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

jquery创建div 实现代码

Web开发
jquery创建div 实现代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jQuery 页面 Mask实现代码

Web开发
jQuery 页面 Mask实现代码

jQuery 页面载入进度条实现代码

Web开发
jQuery 页面载入进度条实现代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jQuery DIV弹出效果实现代码

Web开发
jQuery DIV弹出效果实现代码

jQuery 可以拖动的div实现代码 

Web开发
jQuery 可以拖动的div实现代码 

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

在WPS移动版中进行加权平均值

在WPS移动版中进行加权平均值

用VS2005制造WEB安装程序

用VS2005制造WEB安装程序
下拉加载更多内容 ↓