Laravel Блейд не отображает возврат Ajax Данные

Question

Данные с Ajax на экран консоли, в то же время, когда я смотрю на Браузер f12 Network, данные возвращаются успешно следующим образом. Но он не отображается в div в каком-то файле index.blade. php.

Ответ Json Данные

{"options":"<table>\n  <thead>\n    <tr>\n        <th>Alt Grup<\/th>\n        <th>Miktar<\/th>\n    <\/tr>\n  <\/thead>\n  <tbody>\n                      <tr>\n              <td>AB<\/td>\n              <td>110<\/td>\n          <\/tr>\n                  <tr>\n              <td>AC<\/td>\n              <td>9<\/td>\n          <\/tr>\n           \n        \n  <\/tbody>\n<\/table>\n\n\n\n"}

Ajax Скрипт в index.blade. php

<script type="text/javascript">
    $(document).ready(function(){
        $('.depo_sec').click(function(){
        var depo_id = $(this).children('input:hidden').eq(0).val();
            $.ajax({
            url: "{{ route('stok-ajax') }}",
            dataType: 'json',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            method: 'POST',
            data: {depo_id:depo_id},
            success: function(dataHTML) {
                $('#ajax-area').html(dataHTML);
                console.log(dataHTML);
            }
            });
        });
    });
</script>

Я хочу отобразить ajax данные в div id = "ajax -area" .

index.blade. php

<div class="row">
  <div id="ajax-area"></div>
</div>

Не выдает никаких ошибок, но ничего не печатает на странице.

Answer 1

В зависимости от вашего JSON возврата вам нужно

$('#ajax-area').html(dataHTML.options);

вместо

$('#ajax-area').html(dataHTML);

Примечание: вы должны быть очень осторожны с этим, потому что инъекция некоторых HTML является XSS уязвимость.