Как обрабатывать много HTML в результате вызова Ajax

Question

Мне было интересно, что, что я делаю, все в порядке, это работает, но у меня есть эта навязчивая идея, чтобы найти возможный лучший способ сделать это. В основном я должен служить профилю пользователя в «Modal-box». Таким образом, пользователь нажимает кнопку/ссылку, и это окно динамически генерируется, а его содержимое-div заполняется результатом запроса AJAX. На самом деле запрос AJAX вызывает php-скрипт, который получает данные из базы данных MySQL, получает шаблон HTML через буфер вывода php и сохраняет этот файл в виде строки в переменной, затем эта переменная хранится в массиве json- кодируются и повторил, как что-то вроде этого:

[ { success: 1, html: "HTML already formatted with data from the PHP script" } ] 

на стороне клиента, когда мой AJAX вызов делается, я просто заполнить мою модальное содержание DIV с HTML, так что есть что-то вроде этого:

.done(function (srv-data) { 

    if (srv-data.success === 1){ 

     $("#modal-content").html(srv-data.html); 

    } 

}); 

Является ли это разумным способом обслуживания моего HTML-кода передним интерфейсом? Или есть лучшие способы сделать что-то подобное? Я использую это решение только для того случая, когда у меня много HTML для рендеринга с большим количеством полей в базе данных для работы, другие ответы AJAX просто зацикливаются на объекте и отображаются на стороне клиента.

Спасибо за ваше время.

Answer 1

Я не знаю, если это лучший способ делать вещи, но вот то, что я обычно делаю, когда я есть много данных, которые нужно передать модальным.

Я отправляю ответ как JSON с сервера.

Так запрос AJAX приведет к чему-то вроде этого

{ 
    amount: 100, 
    approved: 0, 
    approved_at: "0000-00-00 00:00:00", 
    approved_by: "", 
    created_at: "2015-12-05 16:24:33", 
    id: 2, 
    overhead: "dummy data", 
    remarks: "Head Approved", 
    request_id: 1500002, 
    type: "advance", 
    updated_at: "2015-12-05 16:29:48", 
} 

Поскольку у меня уже есть структура для модальных, я могу использовать JQuery, чтобы вставить значения в модальной.

.done(function(data){ 
var json = jQuery.parseJSON(
$('#proj_id').html(json.proj_id); 
$('#overhead').html(json.overhead); 
$('#type').html(json.type); 
$('#amount').html(json.amount); 
$('#projectModal').modal('show'); 
} 

В этом методе, мы можем отправить только те данные, которые должны быть отправлены с сервера и обработка происходит на стороне клиента. Таким образом, накладные расходы на сеть минимальны. Кроме того, если мы обслуживаем JSON, то любой клиент может использовать данные (Android/Web)

Answer 2

Попробуйте это:

$.ajax({ 
    url:"test.php", 
    type:"POST", 
    dataType:"json", 
    data:{ 

     } 
}).done(function(msg){ 
    $("#modal-content").html(msg); 

    }); 

ваш код написать на test.php