如何將本機文字檔案載入到 JavaScript 變數？-js教程-PHP中文網

如何將本機文字檔案載入到 JavaScript 變數？

Mary-Kate Olsen

發布： 2024-11-30 15:05:12

原創

167 人瀏覽過

How to Load a Local Text File into a JavaScript Variable?

將文字檔案內容載入到JavaScript 變數

問題：我們如何載入本機文字的內容檔案(>

問題：

我們如何載入本機文字的內容檔案( foo.txt) 到JavaScript變數中，類似於Groovy?

解決方案：

創建XMLHttpRequest物件：

先建立一個新的 XMLHttpRequest 物件。

var client = new XMLHttpRequest();

登入後複製

開啟並傳送 GET 要求：

開啟 GET請求檔案的 URL並觸發發送

client.open('GET', '/foo.txt');
client.send();

登入後複製

處理回應：

將事件處理程序附加到 onreadystatechange 事件，該事件會不斷檢查請求的狀態。

client.onreadystatechange = function() {
  // Alert the responseText when the request is complete.
  if (client.readyState == 4 && client.status == 200) {
    alert(client.responseText);
  }
}

登入後複製

替代選項 - jQuery:

$.ajax({
  url: '/foo.txt',
  dataType: 'text',
  success: function(data) {
    console.log(data);
  }
});

登入後複製

在使用 XMLHttpRequest 的同時，jQuery 為 AJAX操作提供了更方便的介面：

注意：

對於出於安全原因，此方法僅允許從與應用程式來源相同的網域載入文件。

以上是如何將本機文字檔案載入到 JavaScript 變數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！