如何:AngularJS http GET请求Laravel CRUD资源控制器

时间:2017-07-25 19:36:38

标签: angularjs laravel http laravel-5

我一直试图通过angularJS的http GET请求从我的laravel资源控制器获得响应。请让我知道我做错了什么。我的console.log()没有显示任何内容。

Web.php文件具有以下路径

Route::resource('comments', 'CommentsController');

我有一个名为CommentsController的laravel资源(CRUD)控制器,它具有该功能。

public function show(Comment $comment) {
    //show comement
    $articleComments = DB::table('comments')->where('id', $comment->articleID);
    if (!$articleComments->isEmpty()) {
        //return Json as response
        return response()->json($articleComments);
    } else {
        return response()->json(['status' => 'Not Found!']);
    }
}

这是我的laravel路线列表的评论

Laravel route:list for comments controller

我想使用AngularJS http GET请求来检索文章的评论。这是我的AngularJS代码。

var app = angular.module('myApp', []);
      app.controller('myCtrl', function($scope, $http) {
          $scope.loadComments = function(id){
            $http.get("comments",{
              params: {
                'articleID': id
              }})
            .then(function(response) {
                //First function handles success
                console.log(response.data)
            }, function(response) {
                //Second function handles error
                console.log(response.data)
            });
          }
      });

我也包含了CSRF保护标记

<meta name="csrf-token" content="{{ csrf_token() }}">

我的html按钮启动了loadComments

<button type="button" id="getArticleId" class="btn btn-default" aria-label="comment button" ng-click="loadComments({{$key->id}})">

我的回答类似于

Chrome network analysis header output

0 个答案:

没有答案