$('#dodajkom').submit(function(e){ $(".ladowanie").css("display", "block"); e.preventDefault(); var formData = new FormData($(this)[0]); $.ajax({ type:"POST", url:"ajax/komzbiorka.php", data: formData, dataType: "json", encode: true, contentType:false, processData:false, enctype: 'multipart/form-data', }).done(function (data) { console.log(data); if (!data.success) { if (data.errors.pola) { document.getElementsByClassName('wynikkomentarz')[0].innerHTML = ''+ data.errors.pola +''; $(".ladowanie").css("display", "none"); } } else { document.getElementsByClassName('wynikkomentarz')[0].innerHTML = '<div class="alert alert--success">Komentarz dodano</div>'; $(".ladowanie").css("display", "none"); $( ".comment-one" ).load(window.location.href + " .comment-one" ); $('#input').val("GeeksForGeeks"); } }); event.preventDefault(); });
mam też skrypt do ładowania komentarzy
$(document).ready(function(){ $("#load").click(function(){ loadmore(); }); }); function loadmore() { var val = document.getElementById("result_no").value; var val2 = document.getElementById("zbiorkaid").value; $.ajax({ type: 'post', url: 'ajax/komzbiorkaget.php', data: { getresult:val, zbiorkaid:val2 }, success: function (response) { var content = document.getElementById("result_para"); content.innerHTML = content.innerHTML+response; // We increase the value by 2 because we limit the results by 2 document.getElementById("result_no").value = Number(val)+2; } }); }
i wszystko niby działa - po wejściu na stronę wyświetlają sie pierwsze komentarze, przycisk załaduj więcej też działa.
natomiast jak dodam nowy komentarz to pojawia się on na stronie lecz przestaje już działać przycisk załaduj więcej
