jquery如何讀取文字檔案

2019-12-12 18:28:39

jquery讀取文字檔案一般使用load()方法，load()方法的引數為文字檔案的路徑。下面以讀取文字檔案內容並改變html頁面的內容為例，講解load()方法如何讀取文字檔案。

新建一個html檔案，命名為test.html，用於講解jquery如何讀取文字檔案。

在test.html頁面，使用script標籤載入jquery庫檔案jquery.min.js，成功載入該檔案才能使用load()方法讀取文字檔案。

在test.html頁面，建立一個div模組，div內寫上測試的文字，並設定div的id屬性為myDiv，方便下面獲取div物件。

在test.html頁面，再使用button標籤建立一個"改變內容"的按鈕，當按鈕被點選時，將讀取文字檔案的內容，並替換掉div的內容。

建立一個文字檔案，命名為test1.txt，檔案內隨便寫上測試的內容，如下圖：

編寫js程式碼，獲得button按鈕物件，給它繫結click點選事件，當按鈕被點選時，執行function函數。

在function函數內，通過id（myDiv）獲得div物件，通過load()方法獲得 test1.txt的內容，並把內容替換掉div原來的內容。

在瀏覽器開啟test.html頁面，點選按鈕，檢視是否成功讀取到文字檔案的內容，並改變div的內容。