Здравствуйте.
Есть скрипт который должен обновить данные на странице в определенном div. Но вместо обновления, блок с дивкой просто скрывается и что бы он снова появился нужно перезагружать страницу. Данные в data приходят, но вот html(data) что то не работает.
Вот сам блок, в котором нужно обновить данные
<div id="userPost{{$post->id}}">
@if($post->img)
<div>
<a href="{{route('userPost', ['id' => $user->id, 'postId' => $post->id])}}" style="text-decoration: none"><img src="{{$post->img}}" class="img-fluid"></a>
</div>
@endif
<br>
@if($post->title)
<div class=" mr-1 mb-3 titleleft">
<a href="{{route('userPost', ['id' => $user->id, 'postId' => $post->id])}}" style="text-decoration: none"><h5 style="color: black"><b>{{$post->title}}</b></h5></a>
</div>
@endif
@if($post->message)
<a href="{{route('userPost', ['id' => $user->id, 'postId' => $post->id])}}" style="text-decoration: none"><div class="text-muted text-small margins" style="white-space: pre-wrap;">{{mb_strimwidth($post->message, 0, 600, " . . . Read more")}}</div></a>
@endif
@if($post->videoPost)
<div class="embed-responsive embed-responsive-16by9 mt-4 mb-2">
<iframe class="embed-responsive-item" src="{{$post->videoPost}}" allowfullscreen></iframe>
</div>
@endif
</div>
Ну и сам скрипт
$('.infinite-scroll').on('click', '#editPostButton', function(e) {
e.preventDefault();
var id = $(this).data('id');
var user_id = $('#userForm').val();
var form = document.getElementById('EditPostForm'+id);
var formData = new FormData(form);
// var formData = $('#EditPostForm'+id).serialize();
$.ajax({
url: "id"+user_id+"/"+id+"/edit",
type: "POST",
data: formData,
success: function(data) {
console.log(data);
$("#userPost"+id).html(data);
$("#closeButton"+id).click();
},
error: function() {
console.log('error');
},
processData: false,
contentType: false,
});
});