Jquery 中load方法使用！
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Jquery 中load方法使用！相关的知识，希望对你有一定的参考价值。
我的一个jsp页面中有一些javascript代码，我在另一个页面用load方法执行后。页面可以出来，但是。这些javascript代码就不执行了。这是为什么呢。。
jquery load方法用法详解
1.load定义和用法，load() 方法通过 AJAX 请求从服务器加载数据，并把返回的数据放置到指定的元素中。jquery load是jquery ajax中的一种功能，load可以方便快速的直接加载一个页面到指定div中（html,php），并且它可以带参数。
2.还存在一个名为 load 的 jQuery 事件方法。调用哪个，取决于参数。
下面是几个例子：
1).加载一个php文件，该php文件不含传递参数
$("#myID").load("test.php");2).加载一个php文件，该php文件含有一个传递参数
$("#myID").load("test.php","name" : "Adam");//导入的php文件含有一个传递参数，类似于：test.php?name=Adam
或者直接
$("#divResult").load("jqueryLoad?username=" + username + "&un="+$("#username").val()+"×tamp=" + (new Date()).getTime());
3).使用 AJAX 请求来改变 div 元素的文本
$("button").click(function()$("div").load('demo_ajax_load.txt');
); 参考技术A load(url, [data], [callback])
概述
载入远程 HTML 文件代码并插入至 DOM 中。
默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。jQuery 1.2 中，可以指定选择符，来筛选载入的 HTML 文档，DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。请查看示例。
你载入 jsp ？？ 参考技术B 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;
);
参考技术C 返回的状态码是多少？如果不是 以下状态，则不会加载的，请自己弄个回调函数查看一下。比如返回的错误码可能是是否是500或404等。
200 OK
304 Not Modified本回答被提问者和网友采纳 参考技术D jquery.ready就行了 不需要其他的操作
jQuery简单入门
5.Ajax应用
在jQuery中$ajax()方法属于最底层的方法，第二层是load（）、$.get（）、$.post（）,第三层是$.getScript（）和 $.getJSON（）；下面根据使用频率来介绍
1.load()方法
load()方法能载入远程HTML代码并插入DOM中（实际项目中，该方法使用频率高???!!!）
load(url [, data] [,callback])
表现形式：
A. 载入HTML文档
$(“tag”).load(“load.html”);//把load.html加载到tag标签
B. 筛选载入的HTML文档
$(“tag”).load(“load.html .class”);//把load.html文档中类样式为class的内容加载到tag标签
C. 传递方式
$(function() {
$(“tag”).load(“test.php”, function() {
Alert(“无参数传递，则是GET方式”);
}).load(“test.php”, {name : “test”, age : “22”}, function() {
Alert(“有参数传递，则是POST方式”);
});
});
D. 回调参数
$(“tag”).load(“test.php”, {name : “test”, age : “22”}, function(responseText, textStatus, XMLHttpRequest) {
// responseText 请求返回的内容
//textStatus 请求状态
//XMLHttpRequest XHR对象
});
2.$.get()方法和$.post()方法
Get请求限定数据大小为2k，而post原则上是不限定大小
Get数据放入地址栏中，post放入到报文消息体内
- Get()
$.get(url [,data] [,callback] [,type])
Aa. 对返回的HTML数据处理
$(function() {
$(“#submit”).click(function() {
$.get(“test.php”, {
Name : $(“#name”).val(),
Content : $(“#content”).val()
}, function(data, textStatus) {
$(“tag”).html(data);
})
});
});
Ab. XML文档
$(function() {
$(“#submit”).click(function() {
$.get(“test.php”, {
Name : $(“#name”).val(),
Content : $(“#content”).val()
}, function(data, textStatus) {
Var name = $(data).find(“comment”).attr(“name”);
Var content = $(data).find(“comment content”).text();
Var html = “<div class=’comment’><h6>”+
name+“</h6><p class=’para’>” +
content+”</p></div>”;
$(“tag”).html(html);
})
});
});
Ac. JSON文件
$(function() {
$(“#submit”).click(function() {
$.get(“test.php”, {
Name : $(“#name”).val(),
Content : $(“#content”).val()
}, function(data, textStatus) {
Var name = data.name;
Var content = data.content;
Var html = “<div class=’comment’><h6>”+
name+“</h6><p class=’para’>” +
content+”</p></div>”;
$(“tag”).html(html);
})
});
});
2.Post()[参考get（）]
3.$.getScript()方法和getJson()方法
A.$.getScript(js [,callback])//动态加载js文件
Aa.动态加载js文件
$.getScript(“test.js”);
Ab.使用回调
$getScript(“jquery.color.js”, function() {
Alert(“使用回调”);
})
B.getJSON(json [,callback])//动态加载json文件,使用方法类似getScript()
4.$.ajax()方法
示例代码：
$.ajax({
Type : GET,
Url : “test.php”,
dataType : “json”,
Success : function (data) {
Alert(“回调成功”);
}
});
5.jQuery中的Ajax全局事件
监控一个异步请求的过程
ajaxStart()
ajaxStop()
(完)
以上是关于Jquery 中load方法使用！的主要内容，如果未能解决你的问题，请参考以下文章