ajax的get请求、post请求、ajax请求案例

1. ajax get（）请求

 $.get(agreement + "weChat/applet/course/banner/list?number=5", function (res) {

        // console.log(res);

        // console.log(res.data);

        res.data.forEach(function (item, value) {

            $(".swiper-wrapper").append(`

                <div class="swiper-slide" style="background: url(${item.imgUrlPc}) no-repeat;background-size: cover; background-position:center;"></div>

            `)

        })

1. ajax post()请求

 $.post(agreement + "weChat/applet/course/list/type", { type: "free", pageNum: 1, pageSize: 10 }, function (res) {

        // console.log(res);

        res.rows.forEach(function (item) {

            $(".freeCourses ul").append(`<li>

            <a href="../天亮云课堂详情页/index.html">

                <div><img src="${item.coverFileUrl}"

                        alt=""></div>

                <br>

                <span>${item.courseSubtitle}</span><br>

                <span>共${item.subSectionNum}节课 | ${item.participationsCount}人报名</span><br>

                <span>免费</span>

            </a>

        </li>`)

        })

    })

1. ajax请求用于JSON类型

$.ajax({

        url: agreement + "weChat/applet/subject/list",

        type: "post",

        data: JSON.stringify({ "enable": 1 }),

        // json类型

        contentType: "application/json",

        // 成功

        success: function (res) {

            console.log(res);

            res.rows.forEach(item => {

                $("nav .menu").append(`<li>${item.title}</li>`)

            });

        },

        // 失败

        error: function (error) {

            console.log(error);

        }

    })