Heim >Web-Frontend >HTML-Tutorial >So lesen Sie eine TXT-Datei im HTML-Format

So lesen Sie eine TXT-Datei im HTML-Format

下次还敢
下次还敢Original
2024-04-05 10:36:201259Durchsuche

Das Lesen von TXT-Dateien in HTML erfordert die Verwendung des XMLHttpRequest-Objekts von JavaScript. Zu den spezifischen Schritten gehören: Erstellen eines XHR-Objekts Öffnen Sie die Anfrage und legen Sie den Anfragetyp fest. Legen Sie den Antworttyp fest. Senden Sie die Anfrage. Verarbeiten Sie die Antwort. Nach Abschluss der Anfrage wird das Onload-Ereignis des XHR-Objekts ausgelöst und der Antwortinhalt kann abgerufen werden zu diesem Zeitpunkt.

So lesen Sie eine TXT-Datei im HTML-Format

So lesen Sie TXT-Dateien mit HTML

Das Lesen von TXT-Dateien in HTML erfordert das JavaScript-Objekt XMLHttpRequest (XHR). Die spezifischen Schritte sind wie folgt: XMLHttpRequest(XHR)对象。具体步骤如下:

1. 创建 XHR 对象

<code class="javascript">var xhr = new XMLHttpRequest();</code>

2. 打开请求并设置请求类型

<code class="javascript">xhr.open('GET', 'path/to/text.txt');</code>

3. 设置响应类型

<code class="javascript">xhr.responseType = 'text';</code>

4. 发送请求

<code class="javascript">xhr.send();</code>

5. 处理响应

请求完成后,XHR 对象的 onload

1. Erstellen Sie eine . Verarbeitung der Antwort

Nachdem die Anfrage abgeschlossen ist, wird das onload-Ereignis des XHR-Objekts ausgelöst. An dieser Stelle können Sie den Antwortinhalt abrufen:

<code class="javascript">xhr.onload = function() {
  var txt = xhr.response;
  // 对 txt 文本内容进行操作
};</code>
Beispielcode
    <code class="javascript">var xhr = new XMLHttpRequest();
    
    xhr.open('GET', 'path/to/text.txt');
    
    xhr.responseType = 'text';
    
    xhr.send();
    
    xhr.onload = function() {
      document.getElementById('txt-content').innerHTML = xhr.response;
    };</code>
  • Hinweis:
  • 🎜Stellen Sie sicher, dass die TXT-Datei und die HTML-Datei denselben Domänennamen oder CORS (Cross-Origin Resource Sharing) haben ) wurde eingerichtet. 🎜🎜Wenn die TXT-Datei Sonderzeichen enthält, muss der Antworttext möglicherweise mit Escapezeichen versehen werden. 🎜🎜

    Das obige ist der detaillierte Inhalt vonSo lesen Sie eine TXT-Datei im HTML-Format. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

  • Stellungnahme:
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn