Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.09.2020, 16:33
Новичок на форуме
Отправить личное сообщение для AndrewPandorian Посмотреть профиль Найти все сообщения от AndrewPandorian
 
Регистрация: 27.09.2020
Сообщений: 1

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

    });
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как обновить таблицу на странице, после отправки формы? mishapod AJAX и COMET 1 11.04.2018 08:28
Вывести введенные данные в форму на другой странице в таблицу посредством javascript MarynaZ Общие вопросы Javascript 4 09.10.2017 12:19
Как отправляются данные djonA Общие вопросы Javascript 4 05.06.2015 11:17
Как передать данные в другую панель из выбранной строки таблицы. layout: 'card'. Пролетарий ExtJS 5 03.06.2015 22:53
Как обновить только миниатюру картинки на странице zlodei2 Общие вопросы Javascript 16 24.12.2011 00:20