代码之家 › 专栏 › 技术社区 › Sergio

Javascript使用异步加载本地。txt文件

fetch-api asynchronous function javascript

Sergio · 技术社区 · 6 年前

我正在尝试使用异步函数加载。txt文件与我的项目位于同一目录中,但我在控制台中看不到响应(文件的实际内容)。日志

我错过了什么?

  async function myFunct(file){
     try {
        fetch(file).then(function(res){
           return res;
        }).then(function(resp){
           console.log (resp);
        });
     } catch(e) {
        console.log("The Error: " + e);
     } finally {

     }
  }

  myFunct('./text.txt');

文本。txt文件包含:

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora vero repudiandae dicta maxime quos temporibus labore exercitationem.

以下是日志:

Response {type: "basic", url: "http://{project_path}/text.txt", redirected: false, status: 200, ok: true, â¦}
body:ReadableStream
locked:false
__proto__:Object
bodyUsed:false
headers:Headers {}
ok:true
redirected:false
status:200
statusText:"OK"
type:"basic"
url:"{project_path}/text.txt"
__proto__:Response

1 回复 | 直到 6 年前

Daniel A. White 6 年前

res 是一个 Response 对象如果你想要它的文本,请致电 .text()

    fetch(file).then(function(res){
       return res.text(); // change here
    }).then(function(resp){
       return resp; // your content here
    });

推荐文章

Coding Dog · Python异步函数不工作。继续跑

1 年前

Gourav Srivastava · 我应该如何使用回调来获得期望的结果?

2 年前

cyka · 强制JavaScript等待单击(循环)

2 年前

CodeMonkey · 无法访问React[重复]中的对象值

2 年前

Tim · 为异步方法返回列表的最佳方式是什么?

2 年前

Annity · Vuetify v-edit-dialog以异步更改数据表值

2 年前

dapidmini · 未捕获的承诺嵌套异步函数承诺错误处理

2 年前

Andres533 · 将参数传递给async/await函数将返回“undefined”

2 年前

chloepark · Promise、await/async和setTimeout之间有什么区别?

2 年前

mr_noob123 · 在discord python中,如何在命令内部调用异步函数?

2 年前