jquery如何讀取文本文件

新建一個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的內容。

0 條評論