在ajax请求后创建html标签

Question

如何在ajax请求后创建html标记

到目前为止，这是我的代码

$('#mainSkillSelect').change(function()
        {
            var id_mainSkill = $(this).val();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
                });
            $.ajax(
                {
                    type: 'POST',
                    url: '{{route("getDataForMainSkill")}}',
                    dataType : 'json',
                    data: 'id_mainSkill=' + id_mainSkill,
                    success: function(response)
                    {
                        $.each(response, function() {
                            console.log(response);
                        });
                    }
                });
        });


<div class="col-12">
    <div class="form-group">
        <label for="mainSkill">Main Skill</label>
        {!! Form::select('id_mainSkill', $mainSkill, null, ['class' => 'form-control', 'id'=>'mainSkillSelect','required', 'placeholder' => '-- Select Main Skill --']) !!}
    </div>
</div>

{{-- Foreach Here  --}}
<div class="col-12">
    <div class="row">
        <div class="col">
            <div class="form-check">
                <input class="form-check-input" type="checkbox" name="Specialisation" value="Full-Remote">
                <label class="form-check-label">
                    UI/UX
                </label>
            </div>
        </div>
        <div class="col">
            <div class="form-group">
                <select name="mainSkill" class="form-control">
                    <option value="< 1 Year"> &lt; 1 Year </option>
                    <option value="> 1 Year"> &gt; 1 Year </option>
                    <option value="2 Year"> 2 Year </option>
                    <option value="3 Year"> 3 Year </option>
                    <option value="4 Year"> 4 Year </option>
                    <option value="5 Year"> 5 Year </option>
                    <option value="> 5 Year"> &gt; 5 Year </option>
                </select>
            </div>
        </div>
    </div>
</div>

如何在代码{{-- Foreeach here --}}之后使用ajax请求中的某些数据循环数据

这是我在ajax成功后得到的 [“ UI / UX”，“ UI Designer”，“ UX Researcher”，“ Product Designer”]

如何将响应应用于html代码？