Promises/Fetch in JavaScript: how to extract text from text file

Question

I'm working on a small program in JavaScript. Basically, I want to use Promise and fetch to extract text out of two text files. However, I can't figure out how to get the actual text out of the files. Here's my current code.

sample.txt

this is
a sample
text file.

sample2.txt

this is
the second
sample file.

index.js

function getSampleText() {

  Promise.all([
  fetch('sample.txt'),
  fetch('sample2.txt')
  ]).then(allResp => {
    let sampleResp = allResp[0];
    let sample2Resp = allResp[1];
    console.log(sampleResp);
    console.log(sample2Resp);
  })
}

Here are the Promises...how do I get the text out of these?

Benjamin Gruenbaum · Accepted Answer · 2018-05-18 21:03:17Z

34

Fetch doesn't return a promise for the text of a response - it returns a promise for a Response object available after headers have been received.

This is so you can do cool things like:

Determine how you want to read the body of the response based on the headers.
Stream the response progressively etc.

If you want the text of the response - you can .text() the Response objects to get a promise for that:

Promise.all([
  fetch('sample.txt').then(x => x.text()),
  fetch('sample2.txt').then(x => x.text())
]).then(([sampleResp, sample2Resp]) => {
  console.log(sampleResp);
  console.log(sample2Resp);
});

edited May 18, 2018 at 21:03

answered May 17, 2018 at 22:37

Benjamin Gruenbaum

278k90 gold badges524 silver badges524 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

thdoan Over a year ago

Be sure to throw a catch in there :).

Kamil Kiełczewski · Accepted Answer · 2019-11-10 19:22:19Z

2

Use async/await

async function getSampleText() {
  console.log( (await fetch('sample.txt')).text() );
  console.log( (await fetch('sample2.txt')).text() );
}

answered Nov 10, 2019 at 19:22

Kamil Kiełczewski

93.7k34 gold badges401 silver badges375 bronze badges

2 Comments

JulienD Over a year ago

This does not fetch them in parallel.

Kamil Kiełczewski Over a year ago

@JulienD yes - but is simple

Collectives™ on Stack Overflow

Promises/Fetch in JavaScript: how to extract text from text file

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related