点击按钮向div中写入Html代码

点击按钮向div中写入Html代码

点击div代码

<div th:text="${floorMap.floor}" th:onclick="'javascript:qiehuan(\''+${floorMap.floor}+'\')'">1层</div>
<input type="text" id="floorQie"> <!--读取数据input -->

将要写入Html样式的代码

<div id="renshuInner"></div>

点击写入div事件

function qiehuan(name) {
        $('#floorQie').val(name);
        $.ajax({
            type: "POST",
            url: '../test/api',//接口请求的地址
            data: {'id': id, 'name': name},//接口请求的参数
            dataType: "json",
            success: function (data) {
                if (data.code == 0) {
					//获取接口返回的JSON数据
                    var peoplemap = data.data;
                    var roomStr = "";
					//循环样式加入
                    for (var i = 0; i < peoplemap.length; i++) {
                        roomStr = roomStr + "  <div class=\"hukuang\"></div>";
                    }
					//向div中写入Html样式代码
                    $('#renshuInner').html(roomStr)
                } else {
                    layer.msg(data.msg);
                }
            }
        });
    }

来源：oschina

链接：https://my.oschina.net/u/3204029/blog/4714959