原来Jquery.load的方法可以一直load下去


Posted in Javascript onMarch 28, 2011

只要不冲突(例如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>

运行后如图所示,可以一直点下去:

原来Jquery.load的方法可以一直load下去

但是,如果你只取的是页面的一部分,例如将按钮的点击代码改成:

$("#d<%= i %>").load("<%=basePath%>Login.action input",{i:<%=i+1%>});

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

原来Jquery.load的方法可以一直load下去

Javascript 相关文章推荐
解析Javascript中中括号“[]”的多义性
Dec 03 Javascript
取得元素的左和上偏移量的方法
Sep 17 Javascript
JS模式之简单的订阅者和发布者模式完整实例
Jun 30 Javascript
解析JavaScript的ES6版本中的解构赋值
Jul 28 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
Nov 21 Javascript
js学使用setTimeout实现轮循动画
Jul 17 Javascript
微信小程序之发送短信倒计时功能
Aug 30 Javascript
js实现以最简单的方式将数组元素添加到对象中的方法
Dec 20 Javascript
详解Vue中的基本语法和常用指令
Jul 23 Javascript
Vue最新防抖方案(必看篇)
Oct 30 Javascript
解决vue-photo-preview 异步图片放大失效的问题
Jul 29 Javascript
Javascript执行上下文顺序的深入讲解
Nov 04 Javascript
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
Mar 28 #Javascript
jquery向.ashx文件post中文乱码问题的解决方法
Mar 28 #Javascript
JQuery.ajax传递中文参数的解决方法 推荐
Mar 28 #Javascript
jQuery中调用WebService方法小结
Mar 28 #Javascript
利用jQuery接受和处理xml数据的代码(.net)
Mar 28 #Javascript
jquery.combobox中文api和例子,修复了上面的小bug
Mar 28 #Javascript
基于jquery的下拉框改变动态添加和删除表格实现代码
Sep 12 #Javascript
You might like
PHP 和 MySQL 基础教程(一)
2006/10/09 PHP
PHP 抓取网页图片并且另存为的实现代码
2010/03/24 PHP
解析Extjs与php数据交互(增删查改)
2013/06/25 PHP
php求正负数数组中连续元素最大值示例
2014/04/11 PHP
JavaScript中null与undefined分析
2009/07/25 Javascript
JavaScript学习笔记之JS函数
2015/01/22 Javascript
jQuery如何防止这种冒泡事件发生
2015/02/27 Javascript
javascript实现验证身份证号的有效性并提示
2015/04/30 Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
2015/12/14 Javascript
js实现固定宽高滑动轮播图效果
2017/01/13 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
javascript判断回文数详解及实现代码
2017/02/03 Javascript
9种使用Chrome Firefox 自带调试工具调试javascript技巧
2017/12/22 Javascript
vue中eslintrc.js配置最详细介绍
2018/12/21 Javascript
vue实现将一个数组内的相同数据进行合并
2019/11/07 Javascript
JS面向对象编程实现的拖拽功能案例详解
2020/03/03 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
2020/05/06 Javascript
详解ES6数组方法find()、findIndex()的总结
2020/05/12 Javascript
vue-cli3访问public文件夹静态资源报错的解决方式
2020/09/02 Javascript
js面向对象封装级联下拉菜单列表的实现步骤
2021/02/08 Javascript
python批量下载图片的三种方法
2013/04/22 Python
python基础入门详解(文件输入/输出 内建类型 字典操作使用方法)
2013/12/08 Python
Python中optionParser模块的使用方法实例教程
2014/08/29 Python
Python实现批量下载图片的方法
2015/07/08 Python
Python爬取数据并写入MySQL数据库的实例
2018/06/21 Python
python numpy库np.percentile用法说明
2020/06/08 Python
Pycharm中使用git进行合作开发的教程详解
2020/11/17 Python
成都思必达公司C#程序员招聘面试题
2013/06/26 面试题
建筑经济管理专业求职信分享
2014/01/06 职场文书
会计学专业学生的求职信范文
2014/01/27 职场文书
玲玲的画教学反思
2014/02/04 职场文书
2014年医德医风工作总结
2014/11/13 职场文书
2014年仓库管理工作总结
2014/12/17 职场文书
医院保洁员管理制度
2015/08/05 职场文书
十大最强电系宝可梦,阿尔宙斯电系之一,第七被称为雷神
2022/03/18 日漫
Apache Hudi 加速传统的批处理模式
2022/04/24 Servers