2014-11-05 6 views
0

Я размещаю комментарий к теме с вызовом AJAX.Append html после запроса ajax

Он отправляет запрос на сервер так, как должен. Как добавить новый комментарий к другим комментариям?

Я предполагаю, что это будет что-то вроде

.done(function() { 
    ...().after(html); 
}); 

стиль комментариев немного сложнее, так что это не достаточно, чтобы просто добавить текст к DIV. Как это обычно делается?

Я использую jQuery и Django. Должен ли html генерироваться серверной стороной с шаблонами Django или просто с клиентской стороной с jquery (может быть, системой шаблонов jquery)?

Как это делается на сайтах как Facebook? Это путем добавления html при успешном отправке или обновления страницы с интервалом и обновления всей страницы?

+0

Обновление страницы не является общим. Может возвращать json и использовать логику на стороне клиента для анализа в DOM или возврата html .... выбор за вами – charlietfl

ответ

0

У вас есть два способа: - ваш веб-сервер возвращает код JS, который добавляет HTML к вашему представлению, может быть проще прописать код, потому что вы можете использовать код python. - ваш веб-сервер просто возвращает данные, и вам нужно вручную создать HTML, я не поклонник этого, потому что вам нужно воссоздать HTML, и вам придется поддерживать 2 кода, если HTML-код ваших комментариев изменится.

Я бы посоветовал вам генерировать HTML-сервер.

0

Вы можете добавить div с классом, чем заполнить этот div новым комментарием. что-то вроде

$('.div_comment').last().append('<div class="comment">' + newComment + '</div>'); 
0

Если у вас возникли проблемы с вашим .css после загрузки новый комментарий к вашей веб-страницы, посмотрите на эту ссылку, он мне очень помог: Updating components/css и для погрузки содержание я бы просто рекомендовал $("#component").append(html) Хотя я должен сказать, будьте осторожны при установке непосредственно в HTML, потому что вы можете иметь проблемы с функциональными возможностями, как на кнопку и т.д. Посмотрите на Backbone.js для динамического добавления содержимого

0

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

Смежные вопросы