как создать тег html после ajax-запроса
вот мой код
$('#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"> < 1 Year </option>
<option value="> 1 Year"> > 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"> > 5 Year </option>
</select>
</div>
</div>
</div>
</div>
как зациклить данные после кода {{-- Foreeach here --}}
с некоторыми данными из запроса ajax
вот что я получил после успеха AJAX
[«UI / UX», «UI Designer», «UX Researcher», «Product Designer»]
как применить ответ к HTML-коду?