weixin_58402596 2021-05-31 16:55 采纳率: 33.3%
浏览 769
已采纳

用ajax获取接口数据并展示到html

接口是这个 https://autumnfish.cn/api/hero/detail?name=提莫

怎么把接口里的数据用ajax提取并展示到网页上啊

  • 写回答

6条回答 默认 最新

  • 大太子二太子 2021-05-31 17:57
    关注
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>this is a test</title>
    </head>
    <body>
    <div id="title"></div>
    <div id="name"></div>
    <div id="story"></div>
    <div id="ability"></div>
    </body>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
    <script>
        $.ajax({
            url:"https://autumnfish.cn/api/hero/detail?name=提莫",
            type:"get",
            dataType: "json",
            contentType : 'x-www-form-urlencoded',
            success:function(result){
                console.log(result);
                document.getElementById("title").innerText=result.title;
                document.getElementById("name").innerText=result.name;
                document.getElementById("story").innerText=result.story;
                for(var key in result.ability){
                    document.getElementById("ability").innerText += (key + ":" + result.ability[key] + "\n");
                }
            }
        })
    
    </script>
    </html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题?

悬赏问题

  • ¥15 拟通过pc下指令到安卓系统,如果追求响应速度,尽可能无延迟,是不是用安卓模拟器会优于实体的安卓手机?如果是,可以快多少毫秒?
  • ¥20 神经网络Sequential name=sequential, built=False
  • ¥16 Qphython 用xlrd读取excel报错
  • ¥15 单片机学习顺序问题!!
  • ¥15 ikuai客户端多拨vpn,重启总是有个别重拨不上
  • ¥20 关于#anlogic#sdram#的问题,如何解决?(关键词-performance)
  • ¥15 相敏解调 matlab
  • ¥15 求lingo代码和思路
  • ¥15 公交车和无人机协同运输
  • ¥15 stm32代码移植没反应