Question

我有一个主页，其中有一些类别的菜单，下面有最新的10个帖子。

帖子可以包含多个类别，一个类别可以属于多个帖子，因此有2个模型和一个数据透视表“category_post”，其中包含2列：id和name。

所以在主页上，有一些菜单包含一些类别并位于帖子下方：

 <ul class="Categories__Menu"> 
    @foreach($categories->take(6) as $category)
        <li class="ative">
            <a href="" name="category" id="{{$category->id}}">{{$category->name}}</a>
        </li>
    @endforeach
</ul>

<div class="row" id="posts">
 @foreach($posts as $post)
<div class="col-12 col-sm-6 col-lg-4 col-xl-3 mb-4">
    <div class="card">
        <img class="card-img-top" src="{{$post->image}}" alt="Card image cap">
        <h5 class="card-title">{{$post->name}}</h5>
        <div class="card-footer d-flex justify-content-between align-items-center">
            <a href="{{route('posts.show', ['id' => $post->id, 'slug' => $post->slug])}}" class="btn btn-primary text-white">More</a>
        </div>
    </div>
</div>
@endforeach
</div>

我希望在点击每个类别时，仅在主页中显示该类别的帖子，但在同一主页中，而不是在特定类别页面中。所以也许最好的方法是使用AJAX。

但我在访问“http://proj.test/posts/where/category/5”

时遇到错误

ReflectionException (-1)
Class PostController does not exist

或者当我点击菜单中的某个类别时，它会出现在控制台中：

GET http://proj.test/posts/where/category/5 500 (Internal Server Error)

你知道问题出在哪里吗？

代码：

在FrontController中，我已经将类别和帖子传递给主页视图：

FrontController：

class FrontController extends Controller
public function index(){
        return view('home')
            ->with('categories', Category::orderBy('created_at', 'desc')->get())
    ->with('posts', Post::orderBy('created_at','desc')->take(10)->get());

    }
  }

帖子和类别模型：

class Post extends Model
{
    public function categories(){
        return $this->belongsToMany('App\Category');
    }
 }
 class Category extends Model
{
    public function posts(){
        return $this->belongsToMany('App\Post');
    }
}

PostController中：

public function WhereHasCategory(Request $request)
    {
        $posts = Post::whereHas('categories', function ($categories) use (&$request) {
            $categories->where('id',$request->id);
        })->get();

        return response()->json($posts);
    }

前往主页：

Route::get('/', [
    'uses' => 'FrontController@index',
    'as'   =>'index'
]);

路由到ajax部分：

Route::get('posts/where/category/{id}','\PostController@WhereHasCategory')->name('category.posts');

的Ajax：

$(function() {
    $("a[name='category']").on('click', function(){
        var category_id = $(this).attr("id");
        $.ajax({
            url: '{{ route('category.posts',null) }}/' + category_id,
            type: 'GET',
            success:function(result){

                $('#posts').empty();
                $.each(result,function(index, postObj){
                    $('#posts').append("<p>"+postObj.title+"</p>");
                });
                console.log(result);
            },
            error: function(error) {
                console.log(error.status)
            }
        });

    });
});

Answer 1

你在ajax路线中定义了错误的类。

Route::get(
    'posts/where/category/{id}',
    '\PostController@WhereHasCategory'
)->name('category.posts');

当我想象它是\PostController时，您已将控制器设为App\Http\Controllers\PostController。当您使用\为类添加前缀时，它会告诉它它在全局范围内，没有命名空间。删除\。

Ajax get无法正常工作 - 内部服务器错误

1 个答案: