1. 程式人生 > >jquery-Ajax load()

jquery-Ajax load()

back 徘徊 發送 text 旋轉 集合 ext error 跟著

語法

$(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()