原来Jquery.load的方法可以一直load下去
更新时间：2011年03月28日 22:45:21 作者：
使用jQuery.load方法加载一个网页，那么这个网页内部的js代码是否能够执行呢，答案是肯定的，这就相当于把load的内容与主页面进行了合并一样
只要不冲突（例如id不能一样），我写了一个例子，利用页面参数控制内部的元素id，互相加载自己。这是一个jsp页面，代码如下：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
int i = Integer.parseInt(request.getParameter("i")==null?"0":request.getParameter("i"));
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>用户登录</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="<%=path%>/Scripts/jquery-1.5.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#h<%= i %>").click(function(){
$("#d<%= i %>").load("<%=basePath%>index.jsp",{i:<%=i+1%>});
});
});
</script>
</head>
<body>
this is index.jsp?i=<%= i %>
<input type="button" value="get<%= i+1 %>" id="h<%= i %>">
<br>
<div id="d<%= i %>" style="border:1px; border-style: solid; margin: 5px;">load index.jsp?i=<%= i+1 %> here!</div>
</body>
</html>
$("#d<%= i %>").load("<%=basePath%>Login.action input",{i:<%=i+1%>});
复制代码 代码如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
int i = Integer.parseInt(request.getParameter("i")==null?"0":request.getParameter("i"));
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>用户登录</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="<%=path%>/Scripts/jquery-1.5.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#h<%= i %>").click(function(){
$("#d<%= i %>").load("<%=basePath%>index.jsp",{i:<%=i+1%>});
});
});
</script>
</head>
<body>
this is index.jsp?i=<%= i %>
<input type="button" value="get<%= i+1 %>" id="h<%= i %>">
<br>
<div id="d<%= i %>" style="border:1px; border-style: solid; margin: 5px;">load index.jsp?i=<%= i+1 %> here!</div>
</body>
</html>
运行后如图所示，可以一直点下去：
但是，如果你只取的是页面的一部分，例如将按钮的点击代码改成：
复制代码 代码如下:
$("#d<%= i %>").load("<%=basePath%>Login.action input",{i:<%=i+1%>});
那么，加载的就只是一个按钮了，而不是整个页面。如图：
相关文章
jquery是javascript的类库，提供了大量的javascript的类库和API，方便javascript开发。2010-04-04
本实例结合了jquery+js中的setTimeout函数实现了一直浮动在页面右下解的广告，有需要的朋友可以参考一下2013-08-08
下面小编就为大家带来一篇使用JQuery选择HTML遍历函数的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
jquery keypress,keyup,onpropertychange键盘事件
项目所需，在试图用js实现这样的功能：文本框失去焦点时，判断输入字符串的长度，以验证是否超出范围，超出范围则自动截取。2010-06-06
jquery获取table指定行和列的数据方法(当前选中行、列)
下面小编就为大家带来一篇jquery获取table指定行和列的数据方法(当前选中行、列)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
下面小编就为大家带来一篇使用jquery实现的循环连续可停顿滚动实例。2016-11-11
基于jQuery的树控件实现代码(asp.net+json)
一个自己写jQuery的树控件,后台用的是asp.net,其实只要服务器返回json就可以了2010-07-07
Raphael一个用于在网页中绘制矢量图形的Javascript库
Raphael是一个用于在网页中绘制矢量图形的Javascript库,它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础，你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,接下来详细介绍，感兴趣的朋友可以了解下哦2013-01-01
jQuery Mousewheel 用于添加跨浏览器的鼠标滚轮支持。 mousewheel事件的处理函数有一点小小的变化，它除了第一个参数event 外，还接收到第二个参数delta。通过参数delta可以获取鼠标滚轮的方向和速度。2015-08-08
没有关闭按钮，但是点击其他地方的时候，弹出框消失，必须用js给弹出框的父元素加上更高的层次，具体实现如下，感兴趣的朋友可以参考下2013-08-08
最新评论