Sam's Blog

 

小弟最近有玩Load的程式，所以跟大家分享一下.

這個功能有點像是，在一指定的容器中(如div)載入指定的html。有點像是iframe。

看例子就知道了

載入Jquery的方法這邊就不在多說~

 

Load完整格式是：load( Url, [Data], [Callback] )

Url：網頁路徑 （這邊小弟側試時，只能在同一目錄可以使用，其他外部網頁會無法Work)

Data ：參數

Callback：函數

 

Url路徑

$('#div1').load("Load.aspx");  // 在dvi1裡面就會顯示Load.htm的內容

Data參數

$('#div1').load("Load.aspx",{"id":"1"});  // 等於Load.aspx?id=1

$('#div1').load("Load.aspx",{"id":"1","page":"1"}); // 等於Load.aspx?id=1&page=1

CallBack函數

指的是載入完成的動作(CallBack)

$('#div1).load("Load.aspx", { "id": "1", "page": "1" }, function() { alert("載入完成"); });

Selector選擇器

$('#div1').load("Load.aspx #img1");  //指的是只載入Load.aspx內id為img1的物件。

 

JQuery的Load很方便吧!!!