Maison > interface Web > tutoriel HTML > Comment lire un fichier txt en HTML

Comment lire un fichier txt en HTML

下次还敢
Libérer: 2024-04-05 10:36:20
original
1229 Les gens l'ont consulté

La lecture de fichiers TXT en HTML nécessite l'utilisation de l'objet XMLHttpRequest de JavaScript. Les étapes spécifiques incluent : Créer un objet XHR Ouvrir la requête et définir le type de requête Définir le type de réponse Envoyer la requête Traiter la réponse Une fois la requête terminée, l'événement onload de l'objet XHR sera déclenché et le contenu de la réponse pourra être obtenu en ce moment.

Comment lire un fichier txt en HTML

Comment lire des fichiers TXT en utilisant HTML

La lecture de fichiers TXT en HTML nécessite l'objet XMLHttpRequest (XHR) de JavaScript. Les étapes spécifiques sont les suivantes : XMLHttpRequest(XHR)对象。具体步骤如下:

1. 创建 XHR 对象

<code class="javascript">var xhr = new XMLHttpRequest();</code>
Copier après la connexion

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

<code class="javascript">xhr.open('GET', 'path/to/text.txt');</code>
Copier après la connexion

3. 设置响应类型

<code class="javascript">xhr.responseType = 'text';</code>
Copier après la connexion

4. 发送请求

<code class="javascript">xhr.send();</code>
Copier après la connexion

5. 处理响应

请求完成后,XHR 对象的 onload

1. Créez un . Traitement de la réponse

Une fois la requête terminée, l'événement onload de l'objet XHR sera déclenché. À ce stade, vous pouvez obtenir le contenu de la réponse :

<code class="javascript">xhr.onload = function() {
  var txt = xhr.response;
  // 对 txt 文本内容进行操作
};</code>
Copier après la connexion
Exemple de code
    <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>
    Copier après la connexion
  • Remarque :
  • 🎜Assurez-vous que le fichier TXT et le fichier HTML se trouvent dans le même nom de domaine ou CORS (Cross-Origin Resource Sharing ) A été mis en place. 🎜🎜Si le fichier TXT contient des caractères spéciaux, le texte de la réponse devra peut-être être échappé. 🎜🎜

    Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

  • source:php.cn
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal