ajax请求数据渲染页面

$.ajax({
    url: "/contact/contactList",//url地址
    async: true,
    data: {
    //参数
        pageSize: 4,    //页面大小
        pageIndex: 1,   //页码
        sortName: "",      //排序列名
        sortOrder: "", //排位命令（desc，asc）
        contactName: $('#contactName').val(),  //联系人姓名
        customerName: $('#custName').val(), //客户名称
        contactInformation: $('#contactInformation').val(),//联系方式
        provinceName: $('#provinceNamecx').val(),  //所在地区
        industry: $('#industrycx').val(),  //行业
        currentIntention: $('#currentIntentioncx').val(), //意向
        abolishState: $('#abolishState').val(), //废止状态  1启动 2废止
        bs: '1'  //0管理端 1用户端
    },
    type: "POST",
    dataType: "json",
    success: function (data) {
        console.log(data);
        var html = ""	//后面需要追加的
        for (var i = 0; i < data.data.length; i++) {
            html += `
            <div class="Contant" id="contantx">
                <div class="imageBox">1</div>
                <div style="margin-left: 100px">
                    <div class="titleBox">${data.data[i].customerName}</div>
                    <div class="leftRightBox">
                        <div class="companyBox">
                            <span>中国航天科技有限公司</span>
                            <span style="padding-left: 40px">职位：${data.data[i].industry}</span>
                        </div>
                        <div class="companyBoxTwo">
                            <span><i class="mdi mdi-sort-variant"></i></span>
                            <span><i class="mdi mdi-sort-variant"></i></span>
                            <span><i class="mdi mdi-sort-variant"></i></span>
                        </div>
                    </div>
                    <div class="restBox">
                        <span><i class="mdi mdi-plus-circle-outline"></i></span>
                        <span><i class="mdi mdi-plus-circle-outline"></i></span>
                        <span><i class="mdi mdi-plus-circle-outline"></i></span>
                        <span><i class="mdi mdi-plus-circle-outline"></i></span>
                        <span><i class="mdi mdi-plus-circle-outline"></i></span>
                    </div>
                </div>
                </div>`
            // console.log(data.data[i].customerName)
        }
        $("#contantx").html(html)		//追加到html
    },
    error: function (err) {
        console.log(data.message) //错误信息
    }
})