Как обновить без перезагрузки?

Question

[Сергей Петров]

Здавствуйте.
есть 3 файла
получение данных из бд.
вывод данных в html
и ajax.

вывод списком данных бд.

foreach ( $result_pjk_rev as $posting ) {
		        $post_list = "<div class='col-auto' id='text_posting_user' style='padding: 1.7em;'><div class='postings'><img src='themes/profile/img/ava-def.jpg' width='40%'><p><span style='font-weight: bold;'>".$posting['user_login']."</span><span type='' >X</span><br>
					<span class='datePost'>".$posting['dataname']."</span> 
					<span class='dateTime'>".$posting['dateTime']."</span></span></p>
					</div>
					<div class='text_p'><p>".$posting['post']."</p></div></div>";
		        
		        print $post_list;
			 	}

аякс для отправки данных и обновления контента без перезагрузки.

$(function (){
    $("#post-new").submit(function(e) {
        e.preventDefault();
        var errors ='';
        var pattern = /^[А-Яа-яЁё]{4,}$/;
        var text = $('textarea[name=text_post]').val();
        //проверяем на пустоту
        if(text == '')
        {
            errors += '<p>Не заполнено</p>';
        }
        //если все хорошо то отправляем данные
        if(errors == '')
        {
            $.ajax({
                type: "POST",
                url: "posting.php",
                data: $(this).serialize(),
                    success: function(html){  
                        $('#text_posting_user').html(html);  
        }
            }).done(function() {
                $(this).find("#text_post").val("");
                $("#post-new").trigger("reset");
            });  
        }
    });
 
});

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

Comments

[ThunderCat]

1) зачем разбивать на дон и сукчес?
2) Что возвращает posting.php в сукчес? Посмотрите в консоли в нетворке ответ сервера. Должен быть готовый кусок хтмл, и желательно указать dataType: 'html'.

[Сергей Петров]

ThunderCat, в постинг отправляются данные полученные из input с помощью ajax

[Сергей Петров]

ThunderCat, там полученные значения записываются в бд и затем выводятся через foreach на страницу

[Сергей Петров]

$(function show(){
$("#post-new").submit(function(e) {
e.preventDefault();
var errors ='';
var pattern = /^[А-Яа-яЁё]{4,}$/;
var text = $('textarea[name=text_post]').val();
if(text == '')
{
errors += 'Не заполнено поле Имя';
}
if(errors == '')
{
$.ajax({
type: "POST",
url: "posting.php",
data:$(this).serialize(),
success: function() {
$.ajax({
url: "",
cache: false,
success: function(data){
$("#form_posting").html(data);
}
});
}
}).done(function() {
$(this).find("#text_post").val("");
$("#post-new").trigger("reset");
});
}
});

});

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

[ThunderCat]

Александр Захаров, возможно ошибка в том что вы не понимаете как это работает вообще? С сервера должен приходить кусок хтмл, такой как нужен для вставки, а вы в скрипте формируете всю страницу. В обработчике аякса должно быть условие - если пришло методом пост - сформировать и отдать кусок хтмл, а не всю страницу.

[Сергей Петров]

ThunderCat, спасибо