jquery-Ajax load()

標籤：func   告訴   set   發送   cti   txt文本   對象   載入   合并   

文法

$(selector).load(URL,data,callback);

• 必需的 URL 參數規定您希望載入的 URL。
• 可選的 data 參數規定與請求一同發送的查詢字串鍵/值對集合。
• 可選的 callback 參數是 load() 方法完成後所執行的函數名稱。

 

將文本載入到指定元素

$("button").eq(0).click(function(){    $("div").load("text.txt");});

 

 

發現個有意思的問題：

正常的txt文本

燕子去了，有再來的時候；楊柳枯了，有再青的時候；桃花謝了，有再開的時候。但是，聰明的，你告訴我，我們的日子為什麼一去不複返呢？ ——是有人偷了他們罷：那是誰？又藏在何處呢？是他們自己逃走了：現在又到了哪裡呢？ 我不知道他們給了我多少日子；但我的手確乎是漸漸空虛了。在默默裡算著，八千多日子已經從我手中溜去；象針尖上一滴水滴在大海裡，我的日子滴在時間的流裡，沒有聲音也沒有影子。我不禁頭涔涔而淚潸潸了。 去的儘管去了，來的儘管來著，去來的中間，又怎樣的匆匆呢？早上我起來的時候，小屋裡射進兩三方斜斜的太陽。太陽他有腳啊，輕輕悄悄地挪移了；我也茫茫然跟著旋轉。於是——洗手的時候，日子從水盆裡過去；吃飯的時候，日子從飯碗裡過去；默默時，便從凝然的雙眼前過去。我覺察他去的匆匆了，伸出手遮挽時，他又從遮挽著的手邊過去，天黑時，我躺在床上，他便伶伶俐俐地從我身邊垮過，從我腳邊飛去了。等我睜開眼和太陽再見，這算又溜走了一日。我掩著面歎息。但是新來的日子的影兒又開始在歎息裡閃過了。 在逃去如飛的日子裡，在千門萬戶的世界裡的我能做些什麼呢？只有 徘徊罷了，只有匆匆罷了；在八千多日的匆匆裡，除徘徊外，又剩些什麼呢？過去的日子如輕煙卻被微風吹散了，如薄霧，被初陽蒸融了；我留著些什麼痕迹呢？我何曾留著象遊絲樣的痕迹呢？我赤裸裸來到這世界，轉眼間也將赤裸裸地回去罷？但不能平的，為什麼偏要白白走這一遭啊？ 你聰明的，告訴我，我們的日子為什麼一去不複返呢？

但是這個文本可以加入HTML標籤

<p>燕子去了，有再來的時候；楊柳枯了，有再青的時候；桃花謝了，有再開的時候。但是，聰明的，你告訴我，我們的日子為什麼一去不複返呢？ ——是有人偷了他們罷：那是誰？又藏在何處呢？是他們自己逃走了：現在又到了哪裡呢？</p><p><b>我不知道他們給了我多少日子；但我的手確乎是漸漸空虛了。在默默裡算著，八千多日子已經從我手中溜去；象針尖上一滴水滴在大海裡，我的日子滴在時間的流裡，沒有聲音也沒有影子。我不禁頭涔涔而淚潸潸了。</b></p><p>去的儘管去了，來的儘管來著，去來的中間，又怎樣的匆匆呢？早上我起來的時候，小屋裡射進兩三方斜斜的太陽。太陽他有腳啊，輕輕悄悄地挪移了；我也茫茫然跟著旋轉。於是——洗手的時候，日子從水盆裡過去；吃飯的時候，日子從飯碗裡過去；默默時，便從凝然的雙眼前過去。我覺察他去的匆匆了，伸出手遮挽時，他又從遮挽著的手邊過去，天黑時，我躺在床上，他便伶伶俐俐地從我身邊垮過，從我腳邊飛去了。等我睜開眼和太陽再見，這算又溜走了一日。我掩著面歎息。但是新來的日子的影兒又開始在歎息裡閃過了。</p><p>在逃去如飛的日子裡，在千門萬戶的世界裡的我能做些什麼呢？只有 徘徊罷了，只有匆匆罷了；在八千多日的匆匆裡，除徘徊外，又剩些什麼呢？過去的日子如輕煙卻被微風吹散了，如薄霧，被初陽蒸融了；我留著些什麼痕迹呢？我何曾留著象遊絲樣的痕迹呢？我赤裸裸來到這世界，轉眼間也將赤裸裸地回去罷？但不能平的，為什麼偏要白白走這一遭啊？</p><p>你聰明的，告訴我，我們的日子為什麼一去不複返呢？</p>

 

經過測試：

• txt文本中，多個空格和斷行符號會合并為1個空格；
• HTML標籤都是起作用的，比如<b>、<br>

 

$("div").load("text.txt b");

將文字文件中<b>標籤中的內容載入到指定元素中。

 

 

可選的 callback 參數規定當 load() 方法完成後所要允許的回呼函數。回呼函數可以設定不同的參數：

• responseTxt - 包含調用成功時的結果內容
• statusTXT - 包含調用的狀態
• xhr - 包含 XMLHttpRequest 對象

 

$("div").load("text.tt b", function(responseText, statusText, xhr){    if(statusText == "success"){        console.log(responseText);        console.log(xhr.status);        console.log(xhr.statusText);    }    if(statusText == "error"){        console.log(xhr.status);        console.log(xhr.statusText);    }});

 

jquery-Ajax load()