在html文档里用ajax调用get接口

1.引入jquery

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

2.调用接口

window.onload = function () {
        $.ajax({
            url: '/',
            type: "get",
            dataType: "json",
            data: {
                c:123
            },
            success: function (data) {
                showData(data);
            },
            error: function (msg) {
                alert("ajax连接异常：" + msg);
            }
        });
    };

3.页面渲染

function showData(data) {
        document.body.style.backgroundImage = `url(${data.bgUrl})`;
        document.getElementById("notice").innerHTML = data.notice;
    }