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

So lesen Sie eine TXT-Datei im HTML-Format

下次还敢
Freigeben: 2024-04-05 10:36:20
Original
1220 Leute haben es durchsucht

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>
Nach dem Login kopieren

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

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

3. 设置响应类型

<code class="javascript">xhr.responseType = 'text';</code>
Nach dem Login kopieren

4. 发送请求

<code class="javascript">xhr.send();</code>
Nach dem Login kopieren

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>
Nach dem Login kopieren
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>
    Nach dem Login kopieren
  • 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!

  • Quelle:php.cn
    Erklärung dieser Website
    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
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage