Warum schlagen AJAX-Aufrufe in dieser Laravel-Anwendung fehl?

Question

Ich entwickle eine Blog-Anwendung in Laravel8. ArticlesController-Controller Ich habe diese Methode, um einen einzelnen Artikel und seine Kommentare anzuzeigen: classArticlesControllerextendsFrontendController{//Morecodepublicfunctionshow($slug){//Singlearticle$article=Article::firstWhere('slug',$s

P粉253518620 · Answer

firstWhere 返回符合传递条件的第一条记录，默认为 null。所以，你的行

$article = Article::firstWhere('slug', $slug);

将返回 slug 与 $slug 匹配的第一篇文章，如果不存在这样的记录，则返回 null 。现在，每当您引用 $article->id 时，您都会认为 $article 是一个正确的 Article 并且您想知道其 id 的值。如果没有匹配的文章，这将产生您遇到的错误。

因此，明智的做法是在 $article 初始化后检查 empty($article) ，并在它确实为空时处理边缘情况。

P粉121447292 · Answer

这是我的解决方案：

在 routes\web.php 中添加了这个新路由：

Route::post('/load_comments', [ArticlesController::class, 'get_comments_ajax'])->name('load_comments');

在 ArticlesController 中：

/**
 * AJAX Call for Loading extra comments
 *
 * @param Request $request
 *
 * @return void
 */
public function get_comments_ajax( Request $request ) {
    if ( ! $request->ajax() ) {
        // Redirect to Home Page or just BOMB OUT!
        exit();
    }

    $more_comments_to_display = TRUE;

    /** @todo - 5 - This should\could be a setting */

    $article_id  = $request->post( 'article_id' );
    $page_number = $request->post( 'page' );
    $offset      = $this->comments_per_page * $page_number;

    $data['comments'] = $this->get_commentQuery( $article_id, $this->comments_per_page, $offset )->get();
    $content          = '';
    if ( $data['comments']->count() ) {
        $content .= view('themes/' . $this->theme_directory . '/partials/comments-list',
            array_merge( $data, [
              'is_infinitescroll' => $this->is_infinitescroll
            ])
        );
    } else {
        $more_comments_to_display = FALSE;
    }
    echo json_encode( [ 'html' => $content, 'page' => $page_number, 'more_comments_to_display' => $more_comments_to_display, 'article_id' => $article_id ] );
    exit();
}

/**
 * get_commentQuery
 *
 * @param int $article_id
 * @param int $limit
 * @param int $offset
 *
 * @return object
 */
private function get_commentQuery( int $article_id, int $limit = 0, int $offset = 0 ): object {
    $commentQuery = Comment::where( [ 'article_id' => $article_id, 'approved' => 1 ] )->orderBy( 'id', $this->comments_orderby_direction );
    if ( $offset > 0 ) {
        $commentQuery = $commentQuery->offset( $offset );
    }
    if ( $limit > 0 ) {
        $commentQuery = $commentQuery->limit( $limit );
    }

    return $commentQuery;
}

如果评论超过 10 条，我只会加载 Ajax 脚本：

@if ($is_infinitescroll && $comments_count > $comments_per_page)
    @section('custom_js_files')
        
    @endsection
@endif

脚本：

$(document).ready(function () {

    let flagMoreCommentsToDisplay = true;
    let flagCommentsBlockNewRequest = false;
    let domInfiniteScroll = $(".infinite-scroll");

    infiniteComments();

    function infiniteComments() {
        let page = 0;
        $(window).scroll(function () {
            if (flagCommentsBlockNewRequest === false) {
                if ($(window).scrollTop() + $(window).height() >= $(document).height() - $('.s-footer').height()) {
                    if (flagMoreCommentsToDisplay) {
                        flagCommentsBlockNewRequest = true;
                        page++;
                        loadMoreData(page);
                    }
                }
            }
        });
    }

    function loadMoreData(page) {
        let base_url = window.location.origin
        $.ajax({
            url: base_url + '/load_comments',
            type: 'POST', dataType: 'json',
            data: {'_token': token, 'page': page, 'article_id': article_id},
            beforeSend: function () {
                $('.ajax-load').show();
            }
        })
        .done(function (data) {
            $('.ajax-load').hide();
            let commentHtml = data.html;
            flagMoreCommentsToDisplay = data.more_comments_to_display;
            if (flagMoreCommentsToDisplay) {
                if (commentHtml !== '') {
                    domInfiniteScroll.append(commentHtml);
                }
            }
            flagCommentsBlockNewRequest = false;
        })
        .fail(function () {
            flagCommentsBlockNewRequest = false;
        });
    }
});

Warum schlagen AJAX-Aufrufe in dieser Laravel-Anwendung fehl?

Ziel

Frage

Antworte allen(2)Ich werde antworten

脚本：