jQuery.get () Lire l'exemple du fichier texte

Utilisez jQuery pour lire les fichiers texte et les traiter ligne par ligne

Cet article montre comment utiliser la méthode AJAX $.get() intégrée à jQuery pour lire les fichiers texte et traiter le contenu des fichiers ligne par ligne. L'exemple de code ajoute le contenu du fichier ligne par ligne à l'élément HTML et l'affiche sur la page. Notez que ce code jQuery ne remplacera que la première apparence du mot "jQuery4u" et ne remplacera pas toutes les apparences comme PHP str_replace(). Pour remplacer toutes les occurrences de chaînes en JavaScript, la méthode replace() doit être fournie avec une expression régulière par un modificateur global comme premier paramètre, par exemple: .replace(/jQuery4u/g,'jQuery4u FTW!');

Code jQuery: Lire le fichier texte ligne par ligne

jQuery.get('file.txt', function(data) {
   //alert(data); //可选：显示完整文件内容
   //逐行处理文本文件
   let lines = data.split('\n'); // 使用 \n 分隔符
   let output = '';
   $.each(lines, function(index, line) {
       output += line + '<br>'; // 添加换行符以便在页面上显示
   });
   $('#div').html(output); // 将处理后的内容添加到id为div的元素中
});

Conseils de sécurité importants: Pour des raisons de sécurité, le navigateur limite l'accès aux lecteurs locaux (et lecteurs de serveurs). Cependant, vous pouvez utiliser l'appel standard JQuery Ajax $.ajax().

FAQS (FAQ)

Comment utiliser jQuery pour lire les fichiers texte locaux?

Vous pouvez utiliser la méthode $.get() de jQuery pour lire les fichiers texte locaux. Cette méthode utilise des demandes HTTP GET pour charger les données du serveur. Voici un exemple simple:

$.get("file.txt", function(data) {
  alert("已加载数据: " + data);
});

Dans cet exemple, "file.txt" est le fichier texte local à lire. function(data) est une fonction de rappel qui est exécutée si la demande réussit. Le paramètre data contient les données renvoyées du serveur - dans ce cas, le contenu du fichier texte. Veuillez noter que la lecture directe des fichiers locaux échoue souvent en raison des restrictions de sécurité du navigateur. Cette méthode convient plus à la lecture des fichiers du serveur.

Puis-je utiliser jQuery pour lire des fichiers texte dans différents champs?

En raison des restrictions de sécurité de la politique d'origine homosexuelle, il est impossible d'utiliser la méthode AJAX de JQuery pour lire les fichiers texte dans différents domaines. Les politiques d'origine homosexuelle limitent la façon dont les documents ou les scripts chargés d'une source interagissent avec les ressources d'une autre source. Cependant, il existe des moyens de contourner cette limitation, comme l'utilisation du proxy côté serveur ou JSONP, mais ces méthodes ont leurs propres limitations et problèmes de sécurité.

Comment gérer les erreurs lors de la lecture de fichiers texte à l'aide de jQuery?

Les erreurs lors de l'utilisation de jQuery pour lire les fichiers texte peuvent être gérées à l'aide de la méthode .fail(). Cette méthode est appelée lorsque la demande échoue. Voici un exemple:

$.get("file.txt")
.done(function(data) {
  alert("已加载数据: " + data);
})
.fail(function() {
  alert("发生错误");
});

Dans cet exemple, si la demande de chargement "file.txt" échoue, la méthode .fail() est appelée et qu'un message d'erreur s'affiche.

Puis-je utiliser jQuery pour lire les fichiers texte ligne par ligne?

jQuery ne fournit pas de méthode intégrée pour lire les fichiers texte ligne par ligne. Cependant, cela peut être réalisé en divisant le contenu du fichier par des pauses de ligne. Voici un exemple:

$.get("file.txt", function(data) {
  var lines = data.split("\n");
  $.each(lines, function(index, line) {
    console.log("第 " + (index+1) + " 行: " + line);
  });
});

Dans cet exemple, le contenu du fichier est divisé en un tableau de lignes par un caractère Newline ("n"). Ensuite, chaque ligne est enregistrée dans la console.

Comment utiliser jQuery pour lire les fichiers CSV?

La méthode d'utilisation de jQuery pour lire les fichiers CSV est similaire à la lecture des fichiers texte. Cependant, le contenu du fichier doit être analysé dans les formats disponibles. Voici un exemple:

jQuery.get('file.txt', function(data) {
   //alert(data); //可选：显示完整文件内容
   //逐行处理文本文件
   let lines = data.split('\n'); // 使用 \n 分隔符
   let output = '';
   $.each(lines, function(index, line) {
       output += line + '<br>'; // 添加换行符以便在页面上显示
   });
   $('#div').html(output); // 将处理后的内容添加到id为div的元素中
});

Dans cet exemple, chaque ligne du fichier est divisée en un tableau de champs par un caractère de virgule (","). Chaque tableau de champ est ensuite enregistré sur la console.

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!