原来Jquery.load的方法可以一直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%>});

那么,加载的就只是一个按钮了,而不是整个页面。如图:



相关阅读:
Linux命令之网络安全基础知识
MS SQL SERVER 数据库日志压缩方法与代码
asp.net中的validaterequest属性与安全性
VBS教程:运算符-Is 运算符
SQL2005下载版本之区别
ASP.NET AJAX 展望
oracle中SQL递归语句应用实例
Css定制Drupal主题风格
网页设计者应该从三个方面优化网页
如何轻松删除Win7病毒文件夹
Validation服务器控件:CustomValidator控件
注册表文件的默认打开方式修改方法
linux系统挂载光盘镜像ISO的方法
javascript 子窗体父窗体相互传值方法
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4