在html中请求接口并渲染数据

一只欢喜

已于 2023-07-02 23:01:14 修改

阅读量885

点赞数 1

分类专栏： HTML、CSS、JS和jQ的前端开发应用文章标签： html 前端

于 2023-06-30 14:11:10 首次发布

本文链接：https://blog.csdn.net/qq_44866810/article/details/131475406

版权

HTML、CSS、JS和jQ的前端开发应用专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <title>请求接口并渲染数据</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <div id="data-container"></div>

    <script>
        $(document).ready(function() {
            // 发送GET请求获取数据
            $.get("https://api.example.com/data", function(data) {
                // 渲染数据到页面
                $("#data-container").text(data);
            });
        });
    </script>
</body>
</html>