基于jq和纯js的 读取本地.txt文件的方法

源网址

好像ajax本来就可以读到.txt

 

  1. <!DOCTYPE HTML>
  2. <html>
  3.  
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <title>读取txt文件</title>
  7. </head>
  8.  
  9. <body>
  10. <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script>
  11. <script>
  12. $.ajax({
  13. url: "txt.txt",
  14. success: function(data, status) {
  15. console.log(arguments)
  16. console.log(data)
  17. },
  18. error: function(data, status) {
  19. console.log(arguments)
  20. }
  21. });
  22.  
  23. /**/
  24.  
  25. function readTxt() {
  26. var xhr = new XMLHttpRequest();
  27. xhr.open("get", "txt.txt", true);
  28. xhr.send();
  29. xhr.onreadystatechange = function() {
  30. if(xhr.readyState == 4 && xhr.status == 200) {
  31. console.log(xhr);
  32. console.log(xhr.responseText);
  33. } else if(xhr.status == 404) {
  34. console.log(xhr.status);
  35. }
  36. };
  37. }
  38. readTxt()
  39. </script>
  40. </body>
  41.  
  42. </html>

 

posted @   JS脚本  阅读(1664)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示