原来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.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
Jun 28 Javascript
eval与window.eval的差别分析
Mar 17 Javascript
JS检测图片大小的实例
Aug 21 Javascript
js判断当前浏览器类型,判断IE浏览器方法
Jun 02 Javascript
原生js实现淘宝购物车功能
Jun 23 Javascript
Bootstrap禁用响应式布局的实现方法
Mar 09 Javascript
Vue-cli proxyTable 解决开发环境的跨域问题详解
May 18 Javascript
利用C/C++编写node.js原生模块的方法教程
Jul 07 Javascript
详细讲解如何创建, 发布自己的 Vue UI 组件库
May 29 Javascript
js全屏事件fullscreenchange 实现全屏、退出全屏操作
Sep 17 Javascript
微信公众号开发之微信支付代码记录的实现
Oct 16 Javascript
JavaScript代理模式原理与用法实例详解
Mar 10 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实现股票趋势图和柱形图
2015/02/07 PHP
基于thinkPHP实现的微信自定义分享功能示例
2016/09/23 PHP
tp5(thinkPHP5)框架连接数据库的方法示例
2018/12/24 PHP
被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用
2010/01/22 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
2013/12/05 Javascript
javascript实现日期格式转换
2014/12/16 Javascript
Vue自定义指令介绍(2)
2016/12/08 Javascript
JS数字千分位格式化实现方法总结
2016/12/16 Javascript
js数组去重的hash方法
2016/12/22 Javascript
深入理解vue路由的使用
2017/03/24 Javascript
Javascript Promise用法详解
2018/05/10 Javascript
微信小程序使用wxParse解析html的方法教程
2018/07/06 Javascript
JavaScript对象的浅拷贝与深拷贝实例分析
2018/07/25 Javascript
vue-cli2打包前和打包后的css前缀不一致的问题解决
2018/08/24 Javascript
JavaScript创建防篡改对象的方法分析
2018/12/30 Javascript
微信小程序使用map组件实现解析经纬度功能示例
2019/01/22 Javascript
VUE项目中加载已保存的笔记实例方法
2019/09/14 Javascript
vue实现购物车结算功能
2020/06/18 Javascript
JavaScript实现拖拽和缩放效果
2020/08/24 Javascript
浅谈Python的垃圾回收机制
2016/12/17 Python
Python如何快速上手? 快速掌握一门新语言的方法
2017/11/14 Python
Python Unittest自动化单元测试框架详解
2018/04/04 Python
Python3 获取一大段文本之间两个关键字之间的内容方法
2018/10/11 Python
Python中的list与tuple集合区别解析
2019/10/12 Python
python 调试冷知识(小结)
2019/11/11 Python
用Python做一个久坐提醒小助手的示例代码
2020/02/10 Python
Tensorflow 实现将图像与标签数据转化为tfRecord文件
2020/02/17 Python
面向对象编程的优势是什么
2015/12/17 面试题
自荐信的两点禁忌
2013/10/30 职场文书
成功的餐厅经营创业计划书
2014/01/15 职场文书
20年同学聚会邀请函
2014/02/04 职场文书
保密协议书范本
2014/04/22 职场文书
整改落实自查报告
2014/11/05 职场文书
2015年行政执法工作总结
2015/05/23 职场文书
2016校本研修培训心得体会
2016/01/08 职场文书
Win10服务主机占用内存怎么办?Win10服务主机进程占用大量内存解决方法
2022/09/23 数码科技