用jquery在一个页面加载另一个页面

一、在A.jsp中加载B.jsp

如下是A.jsp

<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<script type="text/javascript" src="js/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.get("<%=path%>/B.jsp",{},function(res){
$('#testDiv').html(res);
});
});

</script>
</head>
<body>
<div id="testDiv" style="width:500px;height: 500px"></div>
</body>

</html>

如下是B.jsp

<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<script type="text/javascript">
$(document).ready(function(){
alert("inChild");
$('#test').html('test');
});
</script>

B.jsp可以是原始的jsp页面，也可以是如上的jsp(去掉head body等的标签)，也可以是只有script标签和div标签

在B.jsp中引用的script标签必须是只能本地的本地自己的js而不能是远程加载的js例如 <script src="js/B.js"></script>是可以的,<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=8021ec562b03aa78635139665e036a18"></script> 这种js只能在父页面加载。

用jquery在一个页面加载另一个页面相关推荐

JavaScript获取页面加载时间和页面停留时间
JavaScript获取页面加载时间和页面停留时间 var duration = 0; //停留时间 var loadingTime = 0; //加载时间 var startTime = Math. ...
html5页面加载执行动作,页面加载完成后执行JS的5种方式
在js和jquery使用中,常用到页面加载完成后执行某一方法.经过整理,大概是五种方式.javascript 1.jQuery的$( function(){} );html 2.jQuery的$(do ...
页面加载过程(url-＞页面)
当我们在浏览器输入URL地址开始,到web页面加载完毕,这个过程称作网页加载过程.具体如下: 在浏览器地址栏输入URL DNS域名解析发送HTTP请求服务器接收请求做出响应浏览器解析渲染页面 1 ...
阻止html页面加载,如何防止页面加载重复的JS？
我自己写了一个页面,除了公共部分的页头页脚以外,其余内容都是通过Ajax加载过来的,现在遇到了比较头疼的问题: 先说一下我加载的方式 $.ajax({ type : "GET", ...
在一个html页面加载另一个html页面
jquery方法: 例如:实现在section选择器中添加third,html; $('section').load("third.html"); 如果带有回调函数: //$('s ...
HTML页面加载和解析流程详细介绍
浏览器加载和渲染html的顺序.如何加快HTML页面加载速度.HTML页面加载和解析流程等等,在本文将为大家详细介绍下,感兴趣的朋友不要错过浏览器加载和渲染html的顺序 1. IE下载的顺序是从上 ...
html中加载解析,HTML页面加载和解析流程详细介绍
序言: 我一直都认为"网页制作"这个词是一个不怎么高端的词,在我的印象中网页制作的词是没有生命力的一个制作,我喜欢用HTML 这样简单直接,这词凸显高端,有大气漂亮的UI.一套完美 ...
在一个html加载多个echarts,Echarts一个页面加载多个图表及图表自适应
Echarts一个页面加载多个图表及图表自适应模块化加载 //入口 require.config({ paths: { echarts: 'http://echarts.baidu.com/buil ...
php+页面加载进度,基于jQuery实现模拟页面加载进度条_jquery
因为我们无法通过任何方法获取整个页面的大小和当前加载了多少,所以想制作一个加载进度条的唯一办法就是模拟.那要怎么模拟呢? 我们知道,页面是从上往下执行的,也就是说我们可以大致估算出在页面的某个位置加载 ...
js网页顶部线性页面加载进度条,jquery头部线性进度条总结
前言网页顶部加载进度条,近年来很流行,很多网站都采用了这种加载方式.网上也有这样类似的插件,今天我们总结一下网页顶部线性页面加载进度条. 头部LoadingBar线性进度条总结上面的代码只是静态效 ...

用jquery在一个页面加载另一个页面

用jquery在一个页面加载另一个页面相关推荐

最新文章

热门文章