Как отобразить таблицу, возвращенную AJAX-запросом JQuery?

Question

Я занимаюсь разработкой в ​​CakePHP.

Вот ajax:

$.ajax
({
     url: 'http://domnain/subdomain/controller/add/',
     accepts: 'text',
     context: document.body,
     type: 'POST',
     data: account_data,
     dataType: 'html',
     success: function( data, textStatus, jqXHR )
     {
          .
          .
          .

          $('#account_post_message').html( data );

          .
          .
          .

Целевой контроллер создает следующее:

$return_html = '<table><tr><td>American Express</td><td>5678</td><td>10/13</td></tr></table>';

, что отображается echo $return_html; в ajax и находится в "account_post_message" <div>.

К сожалению, текстовая строка отображается в виде строки.

Как сделать так, чтобы таблица отображалась в виде таблицы?

Answer 1

Ну, во-первых, возвращаемое значение является строкой, а не строкой разметки HTML; это просто текст. Вы можете изменить возвращаемое значение на HTML-разметку или проанализировать возвращенную строку в JavaScript, чтобы создать HTML-разметку для добавления в "account_post_message"

Например:

$return_html = 'table table_row table_data American Express end_table_data table_data 5678 end_table_data table_data 10/13 end_table_data end_table_row end_table';

Должно быть что-то вроде:

$return_html = '<table><tr><td>American Express</td><td>5678</td><td>10/13</td></tr></table>';

Как я уже сказал, вы можете заставить контроллер вернуть этот HTML или заменить строковые токены в своем ответе соответствующими HTML-тегами