jqueryload参数jsp_详谈jQueryload和Jsp的include的区别

⑴ 详谈jQuery.load和jsp的include的区别

1.jqueryObj.load()

load()方法通过ajax获取服务端数据，并将放回数据放置到jqueryObj对象下。

load(url,data,function(response,status,xhr)

我们也可以只获取返回数据的部分内容，例如：

$("#a").load("b.html","#c"):获取b.html中id为c的部分内容填充到id为a的元素下。

注意：load加载的内容中如果包含js，在js被填充到指定元素时就会编译一次。

2.<%@include file="页面路径"%>

这是jsp的指令操作，将指定路径的内容镶嵌到该指令所在的位置。这是一中静态加载的方式。

加载时机：在容器将jsp转化为servlet文件之前，先和原页面代码整合为一体再做解析。（翻译阶段）

注意：因为是将2个文档合成一个再解析，所以可能存在相同的头部，这将可能导致解析出错，所以引入文件的头部尽量去掉，以沿用原页面的头部内容。

3.<jsp:include page="页面路径" flush="true">

这是一种行为操作，在请求页面时将指定路径的页面进行翻译和执行，并将执行结果放在该代码所在位置。

加载时机：在页面被请求时才会对引入的页面和原界面进行分别翻译和执行。即会翻译为2个servlet文件。他们是相对独立的，只有显示的时候才会将结果放在一起显示。（请求处理时执行）

注意：因为2个页面是相对独立的，所以需要独立处理，有可能存在2个页面的编码集不一致而导致的乱码。

⑵ Jquery中load函数载入一个jsp页面，如何在加载的jsp页面中做一个button按钮关闭整个jsp页面

jquery load其它就是ajax获取数据显示出来。和你append的html内容一样。

load的html可以有js代码，里面的js也行执行。js放在jsp页面body里面。

在js里面写处理这个页的方法就行了。
比如jsp页：
<body>
<div class="load_page">

内容

<button onclick="load_hide(this)"></button>

</div>

<script>
function load_hide(obj){
$(obj).parents('.load_page').hide();
}

</script>
</body>
也可在主页面写通用方法。就需要有个div包起来。

⑶ Jquery 中load方法使用！

load后，那个页面的JS是不可能会再实现的。你必需在LOAD后，再向刚刚LOAD的页面增加事件版
下面是我的一段代码权。。
function phonedoquery(){
$.get("query.asp",{querytxt:$("#phonequerytxt").val()}, function(data,textStatus){
$("#mbody").html(data);//decodeURI()
$("#mbody tbody tr").bind("click",function(){
$("#mbody tbody tr,.highLighttr").removeClass("highLighttr");
$(this).addClass("highLighttr");
});
return false;
});
}

⑷ 利用JQuery动态获取下拉框的值，在jsp页面上显示。

JQuery动态获取下拉框的值并显示：
jQuery获取Select选择的Text和Value:
语法解释：
var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text

显示在jsp页面中版写法权：
$("#txt").attr("value",checkText);//填充内容

⑸ js load方法！

调用load方法的完整格式是：load( url, [data], [callback] ),其中
url：是指要导入文件的地址。
data：可选参数；因为Load不仅仅可以导入静态的html文件，还可以导入动态脚本，例如PHP文件，所以要导入的是动态文件时，我们可以把要传递的参数放在这里。
callback：可选参数；是指调用load方法并得到服务器响应后，再执行的另外一个函数。
一：如何使用data
1.加载一个php文件，该php文件不含传递参数
$("#myID").load("test.php");
//在id为#myID的元素里导入test.php运行后的结果
2. 加载一个php文件，该php文件含有一个传递参数
$("#myID").load("test.php",{"name" : "Adam"});
//导入的php文件含有一个传递参数，类似于：test.php?name=Adam
3. 加载一个php文件，该php文件含有多个传递参数。注：参数间用逗号分隔
$("#myID").load("test.php",{"name" : "Adam" ，"site":"61dh.com"});
//导入的php文件含有一个传递参数，类似于：test.php?name=Adam&site=61dh.com
4. 加载一个php文件，该php文件以数组作为传递参数
$("#myID").load("test.php",{'myinfo[]', ["Adam", "61dh.com"]});
//导入的php文件含有一个数组传递参数。
注意：使用load，这些参数是以POST的方式传递的，因此在test.php里，不能用GET来获取参数。
二：如何使用callback
比如我们要在load方法得到服务器响应后，慢慢地显示加载的内容，就可以使用callback函数。代码如下：
. 代码如下:

$("#go").click(function(){
$("#myID").load("welcome.php", {"lname" : "Cai", "fname" : "Adam", function(){
$("#myID").fadeIn('slow');}
);
});

防止jquery使用缓存的方法：
缓存这东西，在一定程度上加快了页面的装载，但是也常常给我们带来麻烦。我在上篇文章里简单介绍了jQuery中Load方法的使用。在实际运用中，我们可能会碰到浏览器缓存的问题。比如我就在IE7里碰到这个问题。
jQuery Load样本代码：
. 代码如下:

$(document).ready(function(){
$("#labels").load("/blog/categories/labels.html");
//在页面装载时，在ID为#labels的DOM元素里插入labels.html的内容。
});

当我更新了labels.html以后，在IE7里load方法仍旧在使用旧的labels.html，就算我按刷新键也不管用。好在jQuery提供一个防止ajax使用缓存的方法，把下面的语句加在head的javascript文件里，就可以解决问题。
. 代码如下:

$.ajaxSetup ({
cache: false //关闭AJAX相应的缓存
});

此外我再介绍几种方法解决缓存的方法。注意：我没有在jQuery load的问题上测试过，这些方法仅供参考！
1.更改文件名，比如把labels.html改成lables_new.html，但是这是没有办法的办法，一般没有人这么做。
2.在labels.html后加上特定时间，比如lables.html?20081116。在实际工作中，在我更新css/javascript文件后，我都是用这种办法来防止文件被缓存。
3.在labels.html文件的顶部加入以下声明：
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
4.load函数不仅可以调用HTML，也可以调用script，比如labels.php，可以在php文件里使用header函数：
. 代码如下:

<?php
header("Cache-Control: no-cache, must-revalidate");
?>

load的特殊用法：
在load的url里加上空格后面就可以跟选择器了。
举例：我需要load test.html的内容，并只要取id为a的内容。
$("body").load("test.html #a");

⑹ jsp中如何使用jquery

//直接引用，jsp中一般写在head里面，或者是</html>之前</body>之后，建议后者吧
<scriptsrc="你的jquery的路径"type="text/javascript"></script>

//然后直接把版jquery代码写到<script>之前就可以权了
<scripttype="text/javascript">
//使用$(function(){})相当于onload="某个方法"
$(function(){
//这里写你要执行的代码吧
})
</script>

⑺ jquery被LOAD的页面如何通过JS获得传递过来的参数

可以使用html5的sessionStorage：
1.原页面加载的时候执行：sessionStorage.setItem("num", "123456");
2.加载的页面获取参数：var num=sessionStorage.getItem("num");

导航:首页 > 编程语言 > jqueryload参数jsp

jqueryload参数jsp

与jqueryload参数jsp相关的资料

友情链接