How do I convert this fetch response to a string?

Question

It basically looks like this:

[cdmglobal]
collectionHomepageImage = "upload"
customLandingPageAltText = ""
customLandingPageImage = "images/landingpage/small-monographiiif2.jpg
...
...

I need the name of that customLandingPageImage. My plan was to put it into a string and then grab the bit after '/images/landingpage' until I get to '.jpg'

I've tried this

let newSource = "http://blah/configs.ini";
fetch(newSource)
.then(function(response) {
    let responseString = response.text();
    console.log(responseString);
}).catch(function() {
    console.log("error");
});

Now in Chrome dev tools, it shows me:

Promise
    __proto__: Promise
        [[PromiseStatus]]: "resolved"
        [[PromiseValue]]: "[cdmglobal]↵collectionHomepageImage = "upload"↵customLandingPageAltText = ""↵customLandingPageImage = "images/landingpage/small-monographiiif2.jpg

I really just want that promiseValue but it only returns it in the form of a promise value, not a string.

the text/json method of fetch is async and returns a promise, so you have to then/await again — alexandercannon, Aug 29 '19 at 20:31

alexandercannon · Accepted Answer · 2019-08-29T20:35:03.500

2

This should work;

let newSource = "http://blah/configs.ini";
fetch(newSource)
.then(function(response) {
    response.text().then(function(responseString) { 
        console.log(responseString);
    });
}).catch(function() {
    console.log("error");
});

edited Aug 29 '19 at 20:35

answered Aug 29 '19 at 20:32

alexandercannon

544
5
24

thank you kind stranger. Will select your answer when available! – James B Aug 29 '19 at 20:33
it happens to us all! – alexandercannon Aug 29 '19 at 20:34
1

I'd suggest to [flatten the chain](https://stackoverflow.com/a/22000931/1048572) though, or at least `return` the inner promise. Otherwise the `catch` handling doesn't work! – Bergi Aug 29 '19 at 20:57

James B · Answer 2 · 2019-11-04T20:32:07.580

0

Why is it that I can try to figure this out for an hour and then solve it 12 seconds after posting to stack overflow?

Solution:

        fetch(newsource)
        .then(function(response) {
            return response.text();
        }).then(function(text) {
            console.log(text);
        }).catch(function() {
            console.log("error");
        });

edited Nov 04 '19 at 20:32

answered Aug 29 '19 at 20:32

James B

432
5
22

Is the variable bleh mandatory in your code ? I think you can remove it and just call console.log(text) instead – cocool97 Aug 29 '19 at 20:35

How do I convert this fetch response to a string?

2 Answers2