Ajax为页面拼接动态数据

页面先准备一个div用于放置需要拼接的内容

<div style="display: none" id="siteAreaDiv">
	// 内容拼接处
		
	</div>

    $.get('/****/****/****?siteId='+data.value,function (result) {
            if(result['code']==1001) {
                $("#siteAreaDiv").empty(); //清空div中的内容
                var list = result.result;
                $("#siteAreaDiv").show(); //jq显示隐藏的div框
                    var div = "";
                for (var i = 0; i <list.length; i++) {
                        div = '<div class="layui-form-item" >' +
                            '<label class="layui-form-label">名称</label>' +
                            '<div class="layui-input-inline" style=" flex: 1">' +
                            '<input type="text" id="areaName'+i+'" name="areaName" class="layui-input" value="'+list[i].name+'">' +
                            '</div>' +
                            '<label class="layui-form-label">数量</label>'+
                            '<div class="layui-input-inline" style="flex:2;margin-right: 0;">' +
                            '<input type="number"  name="count" id="count'+i+'" class="layui-input"  value="'+list[i].count+'">' +
                            '</div>' +
                            '</div'
                    $("#siteAreaDiv").append(div);//拼接数据
                    }

                }
            })