Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как обновить данные на странице? (https://javascript.ru/forum/misc/81088-kak-obnovit-dannye-na-stranice.html)

AndrewPandorian 28.09.2020 17:33

Как обновить данные на странице?
 
Здравствуйте.
Есть скрипт который должен обновить данные на странице в определенном 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,
        });

    });


Часовой пояс GMT +3, время: 04:25.