一般來說，我可能只會用到 $("#divContent").load("pageB.htm");
但最近發現，.load(url) 裡的 url ，除了可以填入網址外，也可以透過類似 jQuery 的 select 條件，對 url 的內容進行條件篩選。
舉例來說，$("#divContent").load("pageB.htm div"); ，就可以抓取 pageB.htm 的內容，同時過濾資料，只取有 div 的內容。
同樣的，$("#divContent").load("pageB.htm #myDiv"); ，則是只抓取 pageB.htm 裡 ID 為 myDiv 的內容。
假設 pageB.htm 的內容如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
AAAAA<br />
BBBBB
</div>
<div id="myDiv">
CCCCC
</div>
</form>
</body>
</html>
那 $("#divContent").load("pageB.htm #myDiv"); 的結果，就只會出現 ：CCCCC 了！
參考：
01..load()
02.loading page framents with Jquery AJAX
沒有留言:
張貼留言