How to convert Ajax (Jquery) into fetch async

Question

I wrote this code and it's works perfect for me. But when i try to convert it to fetch, dosen't work because return a promise. I don't know how to use it as a async false on fetch.

            'getProjectConstants': function(constArray)
            {
                var result='';
                $.ajax({
                type:       "GET",
                url:        `${constProjectBaseUrl}/ajax/getProjectConstants/${constArray}`,
                async:      false,
                dataType:   "json",
                success: function(data) {
                result = data
            }
        });
        return result

I tried to do like this, but dosen't work

        fetch(`${constProjectBaseUrl}/ajax/getProjectConstants/${constArray}`)
        .then((response) => response.json())
        .then((response) => {
             // console.log(response)
             return response
        }) // end of .then((response) => {
        .catch(error => {
             console.log("[ajax.getProjectConstants] Error => " + error);
        }); // end of .catch(error => {

See: stackoverflow.com/a/53088454/7644018

Paul T.
– Paul T.

2022-04-16 01:12:06 +00:00
Commented Apr 16, 2022 at 1:12 — Paul T.
– Paul T., Commented Apr 16, 2022 at 1:12

Tanay · Accepted Answer · 2022-04-16 15:52:29Z

2

You can try this:

async function getProjectConstants(){
    const json = await (await fetch(`${constProjectBaseUrl}/ajax/getProjectConstants/${constArray}`)).json();
    return json;
}
ajax.getProjectConstants(['PROJECT_PASSWORD_MINIMUM', 'OWNER_NAME', 'DB_TBL_TIME_ZONE']).then((constant) => {
    console.log(constant.OWNER_NAME)
}).catch(console.error);

edited Apr 16, 2022 at 15:52

answered Apr 16, 2022 at 2:22

Tanay

8991 gold badge8 silver badges13 bronze badges

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

6 Comments

Gustavo Filgueiras Over a year ago

Hi @Tanay... Unfortunately it doesn't work, first it returns null and then the result, as if async wasn't working

Tanay Over a year ago

Can you share the code where you are calling the networkRequest function?

Gustavo Filgueiras Over a year ago

Hi, sure, thanks for quickly reply constant = ajax.getProjectConstants(['PROJECT_PASSWORD_MINIMUM', 'OWNER_NAME', 'DB_TBL_TIME_ZONE']); console.log(constant.OWNER_NAME)

Tanay Over a year ago

You need to use then and catch here, or use async/await since the object returned is promise

Gustavo Filgueiras Over a year ago

Could you please help me litte bit more. I'm begginer on JS... my strong skills is PhP I dont know how to do what you said on JS :(

|

Collectives™ on Stack Overflow

How to convert Ajax (Jquery) into fetch async

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related