① jquery用load方法載入外部文件的問題
第二個頁來面和第三個頁源面div的id不對,改成下面的代碼即可
<divid="main">
這里是第二頁內容
<ahref="javascript:$('#main').load('3.html#main');">點擊載入第三頁</a>
</div>
<divid="main">
這里是第三頁內容
<ahref="javascript:$('#main').load('2.html#main');">點擊載入第二頁</a>
</div>
② jquery求解$("#xxx").load的問題
定義和用法
load() 方法通過 AJAX 請求從伺服器載入數據,並把返回的數據放置到指定的元素中。
注釋:還存在一個名為 load 的 jQuery 事件方法。調用哪個,取決於參數。
語法
load(url,data,function(response,status,xhr))
參數
描述
url 規定要將請求發送到哪個 URL。
data 可選。規定連同請求發送到伺服器的數據。
function(response,status,xhr)
可選。規定當請求完成時運行的函數。
額外的參數:
response - 包含來自請求的結果數據
status - 包含請求的狀態("success", "notmodified", "error", "timeout" 或 "parsererror")
xhr - 包含 XMLHttpRequest 對象
詳細說明
該方法是最簡單的從伺服器獲取數據的方法。它幾乎與 $.get(url, data, success) 等價,不同的是它不是全局函數,並且它擁有隱式的回調函數。當偵測到成功的響應時(比如,當 textStatus 為 "success" 或 "notmodified" 時),.load() 將匹配元素的 HTML 內容設置為返回的數據。這意味著該方法的大多數使用會非常簡單:
$("#result").load("ajax/test.html");
如果提供回調函數,則會在執行 post-processing 之後執行該函數:
$("#result").load("ajax/test.html", function() {
alert("Load was performed.");
});
上面的兩個例子中,如果當前文檔不包含 "result" ID,則不會執行 .load() 方法。
如果提供的數據是對象,則使用 POST 方法;否則使用 GET 方法。
載入頁面片段
.load() 方法,與 $.get() 不同,允許我們規定要插入的遠程文檔的某個部分。這一點是通過 url 參數的特殊語法實現的。如果該字元串中包含一個或多個空格,緊接第一個空格的字元串則是決定所載入內容的 jQuery 選擇器。
我們可以修改上面的例子,這樣就可以使用所獲得文檔的某部分:
$("#result").load("ajax/test.html #container");
如果執行該方法,則會取回 ajax/test.html 的內容,不過然後,jQuery 會解析被返回的文檔,來查找帶有容器 ID 的元素。該元素,連同其內容,會被插入帶有結果 ID 的元素中,所取迴文檔的其餘部分會被丟棄。
jQuery 使用瀏覽器的 .innerHTML 屬性來解析被取回的文檔,並把它插入當前文檔。在此過程中,瀏覽器常會從文檔中過濾掉元素,比如 <html>, <title> 或 <head> 元素。結果是,由 .load() 取回的元素可能與由瀏覽器直接取回的文檔不完全相同。
注釋:由於瀏覽器安全方面的限制,大多數 "Ajax" 請求遵守同源策略;請求無法從不同的域、子域或協議成功地取回數據。
更多實例
例子 1
載入 feeds.html 文件內容:
$("#feeds").load("feeds.html");
例子 2
與上面的實例類似,但是以 POST 形式發送附加參數並在成功時顯示信息:
$("#feeds").load("feeds.php", {limit: 25}, function(){
alert("The last 25 entries in the feed have been loaded");
});
例子 3
載入文章側邊欄導航部分至一個無序列表:
HTML 代碼:
<b>jQuery Links:</b>
<ul id="links"></ul>
jQuery 代碼:
$("#links").load("/Main_Page #p-Getting-Started li");
③ jquery的load()方法,在載入頁面中怎麼獲取
<%
String arr=request.getParameter("arr").trim();
request.getSession().setAttribute("arr",arr);
%>接下來用EL表達式${arr}就可以在test.jsp
各處使回用了答
④ jquery的load方法獲取的內容能不能再加操作
.bind()是直接綁定在元素上
.live()則是通過冒泡的方式來綁定到元素上的。更適回合列表類型的,綁定到document DOM節點答上。和.bind()的優勢是支持動態數據。
.delegate()則是更精確的小范圍使用事件代理,性能優於.live()
.on()則是最新的1.9版本整合了之前的三種方式的新事件綁定機制
<div id="aa">
<ul><li id="li1"></li><li id="li2"></li><li id="li3"></li></ul>
</div>
比如在id為aa的div里動態插入了 li這些,那就給li綁定on事件,不知道您的jq是什麼版本,1.9.1版本後live事件是被移除的。
所以這樣寫
$("#aa li").live("click",function(){
alert($(this).attr("id"));
});
建議還是用on
$("#aa li").on("click",function(){
alert($(this).attr("id"));
});
⑤ 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 load方法 攔截器跳轉
所有的AJAX方法加上非同步請求標志,攔截器攔截到之後不要跳轉,而是發送跳轉標志到頁面,頁面根據這個標志跳轉。直接在過濾器跳轉非同步的方法無法實現。
⑦ jquery如何影藏通過jq 的load方法載入的頁面中的層
要用到jquery的live方法。
jQuery 給所有匹配的元素附加一個事件處理函數,即使這個元素是以後再添加專進來的屬也有效。
$('.clickme').live('click', function() {
alert("Live handler called.");
});
⑧ jquery的load方法調用頁面問題
語法如下:
load(url[,data][,callback]):向遠程url發送非同步請求,並直接將伺服器響應插入當前jquery對象匹配的DOM元素之內。
代碼:
index.html
<form id="user">
用戶名:<input type="text" name="user" /><br />
喜歡的顏色:<select multiple="multiple" name="colors">
<option value="red">紅色</option>
<option value="green">綠色</option>
<option value="blue">藍色</option>
<option value="black">黑色</option>
</select><br />
<input id="load" type="button" value="Load"/>
</form><hr />
<div id="show"></div>
<script src="jquery-1.2.6.min.js" type="text/javascript">
</script>
<script type="text/javascript">
//為id為load的按鈕綁定事件處理函數
$("#load").click(function()
{
//向pro.jsp發送Ajax請求,並自動載入伺服器響應
$("#show").load("pro.jsp" , $("#user").serializeArray());
});
</script>
⑨ jquery load的頁面怎樣動態刷新
jquery代碼
$("#div").load("test.html");
test.html ----------------被載入頁面(有<HTML><HEAD><META><BODY>等的完整頁面 )
$("#div")所在頁面----------------------------容器頁面(也是完整頁面)
1、被載入頁面 可以使用 自己頁面的CSS樣式
2、被載入頁面 可以使用 容器頁面的CSS樣式,當自己頁面css樣式和容器頁面的CSS樣式沖突時,自己頁面的css樣式起作用!
3、被載入頁面
能使用 自己頁面的javascript
4、被載入頁面
能使用 容器頁面的javascript,當自己頁面javascript和容器頁面的javascript沖突時,都起作用,形成「冒泡」;
5、 容器頁面的head裡面的 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> ) 對 被載入頁面 無效
6、 被載入頁面的head裡面的 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> ) 對 被載入頁面 無效
7、被載入頁面的字元編碼只能是UTF-8
jquery代碼
load() 方法允許載入html文檔的一部分,語法如下:
$("#div").load("test.html #content");
test.html #content(中間有一個空格) ----------------被載入頁面的id是content的部分
載入html文檔的一部分的情況有所不同(自己頁面的css樣式和javascript都丟失,能使用容器頁面的css樣式和javascript),
不過都是按照下面做法實現的,可以根據 把html文件載入到容器頁面形成的文檔情況 而定
w3cshcool說load() 方法是這樣實現的:
jQuery 使用瀏覽器的 .innerHTML 屬性來解析被取回的文檔,並把它插入當前文檔。在此過程中,瀏覽器常會從文檔中過濾掉元素,
比如 <html>, <title> 或 <head> 元素。結果是,由 .load() 取回的元素可能與由瀏覽器直接取回的文檔不完全相同。
注釋:由於瀏覽器安全方面的限制,大多數 "Ajax" 請求遵守同源策略;請求無法從不同的域、子域或協議成功地取回數據
⑩ jQuery load方法
以POST形式發送附加參數並在成功時顯示版信息權。
$usr=$('#usr1').prop('value');
$pwd=$('#pwd1').prop('value');
$("#feeds").load("test1.php",{usr:$usr,pwd:$pwd},function(){
alert("usernameandpasswordsend!");
});