Attach request result to json response

June 21, 2023

So this is the code:

let pending_task_list = fetch("/tasks", {
    headers: {
        "Accept": "application/json"
    }
}).then(function(res) {
    return {succeeded: res.ok, pending_message: res.json()};
}).then(function(data){
    let message = data.pending_message;
    return {succeeded: data.succeeded, message: message};
});

…

let task_list = await pending_task_list;

Now, task_list.message is still a promise. How can resolve the promise given by res.json() in this case.

>Solution :

edit your code like this

let pending_task_list = fetch("/tasks", {
    headers: {
        "Accept": "application/json"
    }
}).then(function(res) {
    return {succeeded: res.ok, pending_message: res.json()};
}).then(async function(data) {
    let message = await data.pending_message; // Await the promise resolution
    return {succeeded: data.succeeded, message: message};
});


let task_list = await pending_task_list;