Error not getting any response from calling an api from javascript

Question

I have below code:

apitest.php

<!DOCTYPE html>
<html>

    <head>
        <title>WEBPAGE</title>
        <link href="main.css" rel="stylesheet" type="text/css" href="" />
        <script type="text/javascript">

            function test(){
                const userAction = async () => {
                const response = await fetch('<some_api_url>');
                const myJson = await response.json(); 
                document.getElementById("demo").innerHTML = myJson
                }
            }
        </script>
    </head>

    <body>
            <button onclick="test()">Click</button>
            <p id="demo"></p>

    </body>

</html>

I am trying to demo call GET api whose response is very basic json data:

{"Status":"OK"}

but I am not getting the above response. Can anyone please help me resolve the issue. Thanks

Robin Zigmond · Accepted Answer · 2019-08-24 07:57:28Z

1

Your test function simply defines a function, userAction to make the API request. But this function is never called, so the request is never sent.

Simply add this line:

userAction()

at the end of the test function.

answered Aug 24, 2019 at 7:57

Robin Zigmond

18.3k2 gold badges25 silver badges38 bronze badges

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

4 Comments

S Andrew Over a year ago

I have added this line at the end of the test function but nothing seems to be happening. Can you post the code.

Robin Zigmond Over a year ago

Which code? I have nothing else to suggest - calling the function should definitely make something happen. Are there any errors reported on the console?

S Andrew Over a year ago

I have been able to do it but the response I am getting is [object object] instead of {'status': 'ok'}

Robin Zigmond Over a year ago

Right, that's exactly what I expected from your code. You just need to set the innerHTML to response if that's the output you want to see.

Collectives™ on Stack Overflow

Error not getting any response from calling an api from javascript

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related