原来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 Event学习第三章 早期的事件处理程序
Feb 07 Javascript
JS异常处理的一个想法(sofish)
Mar 14 Javascript
Javascript图片上传前的本地预览实例
Jun 16 Javascript
jQuery中offset()方法用法实例
Jan 16 Javascript
常用的JQuery函数及功能小结
Mar 24 Javascript
Bootstrap Img 图片样式(推荐)
Dec 13 Javascript
详解性能更优越的小程序图片懒加载方式
Jul 18 Javascript
vue router的基本使用和配置教程
Nov 05 Javascript
jQuery实现的模仿雨滴下落动画效果
Dec 11 jQuery
如何使用VuePress搭建一个类型element ui文档
Feb 14 Javascript
浅谈Vue.js之初始化el以及数据的绑定说明
Nov 14 Javascript
解决antd日期选择组件,添加value就无法点击下一年和下一月问题
Oct 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中遍历二维数组的几种方法详解
2013/06/08 PHP
ThinkPHP中__initialize()和类的构造函数__construct()用法分析
2014/11/29 PHP
PHP简单实现二维数组赋值与遍历功能示例
2017/10/19 PHP
JavaScript Date对象使用总结
2009/05/14 Javascript
div+css布局的图片连续滚动js实现代码
2010/05/04 Javascript
JS实现定时页面弹出类似QQ新闻的提示框
2013/11/07 Javascript
jquery ajax 简单范例(界面+后台)
2013/11/19 Javascript
jquery.ajax的url中传递中文乱码问题的解决方法
2014/02/07 Javascript
Dojo Javascript 编程规范 规范自己的JavaScript书写
2014/10/26 Javascript
AngularJS入门教程之AngularJS指令
2016/04/18 Javascript
简单讲解jQuery中的子元素过滤选择器
2016/04/18 Javascript
Reactjs实现通用分页组件的实例代码
2017/01/19 Javascript
基于javascript实现数字英文验证码
2017/01/25 Javascript
vue.js系列中的vue-fontawesome使用
2018/02/10 Javascript
angularJs中orderBy筛选以及filter过滤数据的方法
2018/09/30 Javascript
使用React手写一个对话框或模态框的方法示例
2019/04/25 Javascript
JavaScript封闭函数及常用内置对象示例
2019/05/13 Javascript
vue使用微信JS-SDK实现分享功能
2019/08/23 Javascript
vue 使用class创建和清除水印的示例代码
2020/12/25 Vue.js
非递归的输出1-N的全排列实例(推荐)
2017/04/11 Python
python中学习K-Means和图片压缩
2017/11/20 Python
Python 查看文件的编码格式方法
2017/12/21 Python
使用DataFrame删除行和列的实例讲解
2018/04/08 Python
numpy的文件存储.npy .npz 文件详解
2018/07/09 Python
python Canny边缘检测算法的实现
2020/04/24 Python
localstorage和sessionstorage使用记录(推荐)
2017/05/23 HTML / CSS
Kidsroom台湾:来自德国的婴儿用品
2017/12/11 全球购物
党校学习思想汇报
2014/01/06 职场文书
文明市民先进事迹
2014/05/15 职场文书
教师专业自荐信
2014/05/31 职场文书
沙滩主题婚礼活动策划方案
2014/09/15 职场文书
2016春节家属慰问信
2015/03/25 职场文书
2015年学校关工委工作总结
2015/04/03 职场文书
2015年工程师工作总结
2015/04/30 职场文书
2015年世界无烟日活动方案
2015/05/04 职场文书
幼儿园教师辞职信
2019/06/21 职场文书