发布请求后重新加载 HTML答案

【问题标题】：Reload HTML After Post Request发布请求后重新加载 HTML
【发布时间】：2019-05-19 11:07:04
【问题描述】：

我一直在尝试在用户创建帖子后重新加载页面的一部分。

JavaScript

success: function(result)
{
    $("#postsxd").load(" #postsxd");
    console.log(result);
}

刀片

@foreach(Auth::user()->posts()->latest()->paginate(1) as $userpost)
    <div class="ui-block" id="postsxd">
        <article class="hentry post">
            <div class="post__author author vcard inline-items">
                <img src="{{ $userpost->user->getFirstMediaUrl('pps') ? $userpost->user->getFirstMediaUrl('pps')  : '/img/ava_10.jpg' }}"
                     width="36" height="36" alt="author">
                <div class="author-date">
                    <a class="h6 post__author-name fn" href="#">{{ $userpost->author }}</a>
                    <label style="font-size: 12px;">(Your latest post)</label>
                    <div class="post__date">
                        <time class="published" datetime="2004-07-24T18:18">9 hours ago</time>
                    </div>
                </div>
            </div>
            <p>{!! $userpost->content !!}</p>
        </article>
    </div>
@endforeach

我不知道为什么页面没有重新加载该元素或我做错了什么。提前感谢您的帮助。

另外，如何在用户提交表单或点击后更改按钮？

【问题讨论】：

试试这个：stackoverflow.com/questions/46765438/…
你试过$("#postsxd").load( "you_file_name.html");

标签： javascript jquery ajax laravel laravel-blade

【解决方案1】：

在div 标记中添加foreach 循环，并为该div 标记提供唯一ID，并在javascript 文件中使用该标记。

代码：

刀片文件

<div id="#uniqueId">

    @foreach(Auth::user()->posts()->latest()->paginate(1) as $userpost)
        <div class="ui-block" id="postsxd">
            <article class="hentry post">
                <div class="post__author author vcard inline-items">
                    <img src="{{ $userpost->user->getFirstMediaUrl('pps') ? $userpost->user->getFirstMediaUrl('pps')  : '/img/ava_10.jpg' }}"
                         width="36" height="36" alt="author">
                    <div class="author-date">
                        <a class="h6 post__author-name fn" href="#">{{ $userpost->author }}</a>
                        <label style="font-size: 12px;">(Your latest post)</label>
                        <div class="post__date">
                            <time class="published" datetime="2004-07-24T18:18">9 hours ago</time>
                        </div>
                    </div>
                </div>
                <p>{!! $userpost->content !!}</p>
            </article>
        </div>
    @endforeach

</div>

JavaScript | Ajax 响应

success: function(result)
{
    $("#uniqueId").load(" #uniqueId > *");
    console.log(result);
}

【讨论】：