В случае успеха ajax, div не выводит результат php

Question

У меня есть div в моей основной форме:

<div id="dynamic-content">RESULT</div>

после отправки данных в файл php для вставки записей через ajax:

$.ajax({
    url: "test.php",
    type: "POST",
    data: {"mydata": myjson},
    dataType: "JSON",
    success: function (data) {

        $('#dynamic-content').html(''); // blank
        $('#dynamic-content').html(data); // load data
    }
});

и с таблицей в результате послеВставка mysql в php-файл:

<div class="table-responsive"> 
 <table class="table table-striped table-bordered">
  <tr>
  <th>PRODUCT</th>
  <td><?php echo $product; ?></td>
  </tr>
  <tr>
  <th>PRICE</th>
  <td><?php echo $price; ?></td>
  </tr>
  </table>
 </div>

ничего не появляется в div "dynamic-content".Почему?

Answer 1

Когда вы отображаете HTML, вы должны иметь dataType: "html" Поскольку вы написали его как "json", AJAX будет искать вывод JSON, которого нет в вашем файле test.php. Следовательно, запись dataType: "html" решит вашу проблему