代码之家 › 专栏 › 技术社区 › S Andrew

从javscript调用api时未获得任何响应时出错

api html javascript

S Andrew · 技术社区 · 6 年前

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>

我正在尝试演示调用GET api,其响应是非常基本的json数据:

{"Status":"OK"}

1 回复 | 直到 6 年前

Robin Zigmond 6 年前

你的 test userAction 发出API请求。但是这个函数永远不会被调用,所以请求永远不会被发送。

只需添加以下行:

userAction()

功能。

推荐文章

Anurag Jain · 当我编辑.env文件并尝试使用新变量时,旧变量会被加载

10 月前

Sushmita Chaurasia · 在没有数据库的flask中创建api会导致405错误

10 月前

Arlyn Annie · 使用视频id映射电影,以在Angular中使用Ok.ru的id显示Ok.ru中的视频

1 年前

Jace Johnson · 我应该使用多个地图功能还是只使用一个

1 年前

Fabián Gabriel L.S. · 为什么make POST REQUEST的头文件不起作用,但使用Auth时却起作用??(WORDPRESS)

1 年前

Mind full of blanks · 登录页面HTTP请求无限发送

1 年前

Pop Bob · Api返回UnsupportedMediaType

1 年前

Mr FoX · 如何从mysqli输出json数组,而[重复]

1 年前

Roger McCarrick · 从compliance.microsoft.com获取DLP策略

1 年前

Pratham Chauhan · spring-boot-jpa如何制作为特定用户获取所有数据的api

1 年前