原来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 相关文章推荐
jquery实现不包含当前项的选择器实例
Jun 25 Javascript
js基于面向对象实现网页TAB选项卡菜单效果代码
Sep 09 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
Mar 28 Javascript
JavaScript重定向URL参数的两种方法小结
Oct 19 Javascript
weUI应用之JS常用信息提示弹层的封装
Nov 21 Javascript
EasyUI框架 使用Ajax提交注册信息的实现代码
Sep 27 Javascript
微信小程序使用gitee进行版本管理
Sep 20 Javascript
vue之debounce属性被移除及处理详解
Nov 13 Javascript
基于jQuery实现可编辑的表格
Dec 11 jQuery
element-ui中按需引入的实现
Dec 25 Javascript
JavaScript观察者模式原理与用法实例详解
Mar 10 Javascript
Angular+ionic实现折叠展开效果的示例代码
Jul 29 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 chr() ord()中文截取乱码问题解决方法
2008/09/08 PHP
PHP中遇到的时区问题解决方法
2015/07/23 PHP
支付宝支付开发――当面付条码支付和扫码支付实例
2016/11/04 PHP
yii2安装详细流程
2018/05/23 PHP
Thinkphp5框架使用validate实现验证功能的方法
2019/08/27 PHP
如何判断微信内置浏览器(通过User Agent实现)
2014/09/01 Javascript
jquery中append()与appendto()用法分析
2014/11/14 Javascript
理解Angular数据双向绑定
2016/01/10 Javascript
JS从数组中随机取出几个数组元素的方法
2016/08/02 Javascript
vue-music关于Player播放器组件详解
2017/11/28 Javascript
Puppet的一些技巧
2018/09/17 Javascript
jQuery模拟html下拉多选框的原生实现方法示例
2019/05/30 jQuery
Vue组件跨层级获取组件操作
2020/07/27 Javascript
[02:53]DOTA2亚洲邀请赛 NewBee战队巡礼
2015/02/03 DOTA
Python中的rfind()方法使用详解
2015/05/19 Python
python中(str,list,tuple)基础知识汇总
2018/02/20 Python
Python爬虫抓取代理IP并检验可用性的实例
2018/05/07 Python
利用python打开摄像头及颜色检测方法
2018/08/03 Python
对python判断ip是否可达的实例详解
2019/01/31 Python
python print 格式化输出,动态指定长度的实现
2020/04/12 Python
Python脚本实现监听服务器的思路代码详解
2020/05/28 Python
如何使用python记录室友的抖音在线时间
2020/06/29 Python
Css3实现无缝滚动防抖
2020/09/14 HTML / CSS
Html5 Canvas 实现一个“刮刮乐”游戏
2019/09/05 HTML / CSS
原生 JS+CSS+HTML 实现时序图的方法
2019/07/31 HTML / CSS
英国知名的护肤彩妆与时尚配饰大型综合零售电商:Unineed
2016/11/21 全球购物
Strathberry苏贝瑞中国官网:西班牙高级工匠手工打造
2020/10/19 全球购物
某公司Java工程师面试题笔试题
2016/03/27 面试题
中科创达面试题
2016/12/28 面试题
元旦活动感言
2014/03/08 职场文书
2014年教师工作总结
2014/11/10 职场文书
龙门石窟导游词
2015/02/02 职场文书
2015年度团总支工作总结
2015/04/23 职场文书
2016教师学习党章心得体会
2016/01/15 职场文书
Python数据类型最全知识总结
2021/05/31 Python
仅用几行Python代码就能复制她的U盘文件?
2021/06/26 Python