处理ajax数据；数据渲染（细节）

//            ajax模板  数据的处理
            $.ajax({
                method: ‘POST‘, //POST GET
                url: window.BASE_URL + ‘api/v1/coupon/getcoupons‘, //地址
                contentType: ‘application/x-www-form-urlencoded‘,
                async: true, //异步true 同步false
                dataType: "json",
                data: {
                    parameter: 1,
                },
                success: function(data) {
                    console.log("成功");
                    var html = ‘‘
                    //先判断  防止数据为空
                    if(data.data != null && data.data.promotionList != null && data.data.promotionList.length != 0) {
//                        处理数据
                        html = data
                    } else {
                        //数据不存在  要在页面显示数据为空  用户体验度很重要                    1
                        html += ‘<div style="background: #fff;" class="nodata" style="display: none;">‘ +
                            ‘<p style="text-align: center; line-height: 40px; font-size: 12px;">没有相关的数据</p>‘ +
                            ‘</div>‘
                        //                        2
                        html += ‘<div style="background: #F4F4F4;" class="nodata" style="display: none;">‘ +
                            ‘<img style="width: 100%; display: block; height: auto; max-width: 100%;" src="https://s10.mogucdn.com/p2/161213/upload_74hhee883cbf190e3di6cljk23679_514x260.png"/>‘ +
                            ‘<p style="text-align: center; line-height: 40px; font-size: 12px;">没有相关的数据</p>‘ +
                            ‘</div>‘
                    }
                },
                error: function(e) {
                    //接口错误，要提示出来，早发现，早修复
                    console.log("服务器错误");
                }
            });