Retrieve the data stored within an [Object Promise] for further use

Question

Retrieve the data stored within an [Object Promise] for further use

Having trouble utilizing a value retrieved from an API call.

Below is my TypeScript code:

 private async fetchPersonName() {
            let fullName = await Api.getName('Data($select=FullName)', `personId  eq ${currentPersonId}`);
            return fullName.value[0].Data.FullName;
        }

Now, I simply need to append it to the DOM using jQuery.

$("#myId").text(/*fetchPersonName() result*/);

Trying to append this displays [object Promise] in the DOM. Uncertain how to correctly employ this value.

Thank you.

javascript jquery typescript

Answer 1

Answer №1

Here is a suggestion to update the text of an element with id "myId" using the await keyword:

$("#myId").text(await getPersonName());

Alternatively, you can use the following function to fetch and display a person's full name based on their ID:

private async getPersonName() {
   let fullName = await Api.GetName('Data($select=FullName)', `PersonId  eq ${currentPersonId}`);
   return fullName.value[0].Data.FullName;
}

After defining the function, you can call it and update the element text like this:

getPersonName().then((value) => {
    $("#myId").text(value);
})

Answer 2

Here is a suggestion to update the text of an element with id "myId" using the await keyword:

$("#myId").text(await getPersonName());

Alternatively, you can use the following function to fetch and display a person's full name based on their ID:

private async getPersonName() {
   let fullName = await Api.GetName('Data($select=FullName)', `PersonId  eq ${currentPersonId}`);
   return fullName.value[0].Data.FullName;
}

After defining the function, you can call it and update the element text like this:

getPersonName().then((value) => {
    $("#myId").text(value);
})

Answer 3

Answer №2

It's important to remember that getPersonName() is declared with the async keyword, so you need to use the await keyword when calling it.

var name = await getPersonName();
$("#myId").text(name);

You could also simplify it further like this:

$("#myId").text(await getPersonName());

Answer 4

It's important to remember that getPersonName() is declared with the async keyword, so you need to use the await keyword when calling it.

var name = await getPersonName();
$("#myId").text(name);

You could also simplify it further like this:

$("#myId").text(await getPersonName());

Retrieve the data stored within an [Object Promise] for further use

Answer №1

Answer №2

Similar questions

Valid resource causes failure in cross-domain jQuery ajax call

Ways to pause for the completion of multiple HTTP promises and display a modal exclusively when all promises result in failure

What is the significance of property placement in a Mongo query: at the beginning versus at the

Tips for creating a clickable title that directs to a URL

Unable to locate module src/ in Node.js TypeScript

Using jQuery to evaluate multiple conditions within an if statement

Having trouble rendering a private route screen in React, while all the other screens work perfectly

How can we transform the `toUSD(amount)` function into a prototype function?

What is the best way to implement a scroll-into-view feature for a newly added list item in Vue.js?

Exploring the Power of PrimeNG and Observables in Angular 4 with RxJS

What is the best way to handle sequential $http calls in AngularJS? Specifically, I want to make the second $http call dependent on the response of the first

Encounter Issue: "Describe" function not recognized. This error occurred during the activation of Mocha Test

When clicking, populate the content of another div in a vertical top-to-bottom fashion

Using THREE.js: Object3D Dimension Shrinkage

Learn how to organize a div element containing select options using categories such as gender and shoe size, similar to the filtering

Adding the most recent version of jquery causes the webpage to malfunction

What steps can I take to enhance the resilience of my Node.js websocket socket.io server against DoS attacks?

Troubleshooting: jQuery Autocomplete not functioning correctly with dynamically generated form fields

Discovering dynamic content enclosed by static values in Applescript

Obtain the currently selected HTML element using tinyMCE