Его довольно простой, когда вы получили, не может получить ошибку 403 после обновления компонента dom. просто добавьте эту строку в конфигурацию вашего веб-пакета, 'historyApiFallback: true'. этот savez весь мой день.
Как насчет этого:
success: function(data) {
$.getScript( "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" ); //load core file
$(".echo").html(data);
},
Элемент, внутри которого вы вводите HTML, - это <div class="echo">
, где ваш код jQuery ищет что-то еще:
$(this).parent('.echomessage')
// ^---- should be ".echo"
Сказав это, я бы порекомендовал вам пересмотреть скрипт на стороне сервера. чтобы вернуть JSON-кодированный ответ и переместить логику его отображения в событие success
следующим образом:
$.ajax({
url: "actions.php",
type: "POST",
data: new FormData(this),
success: function(response) {
// response could be something like {"success": true, "message": "aaa.txt deleted"}
$("<span class='closebtn'>CLOSE</span>")
.appendTo(".echo")
.after("<br>", response.message)
.on("click", function() {
$(this).parent(".echo").fadeOut(500);
});
$(".echo").html(data);
},
});