Laravel 4 can't get data from Angular Ajax

Question

I am trying to develop my application in Laravel 4 and Angular JS, my application allows user to retrieve their Information through the system via Text Change.

Angular is used to pass data input from the user to Laravel which in turn retrieves the Information from the Database.

However Laravel is unable to retrieve the data passed from Angular.

View

<div data-ng-controller="ReservationController">
<input id='ERI' type='text' data-ng-model="scanRID" data-ng-change="queryRes()" name='exampleInput' maxlength='3' />
</div>

Angular Factory

app.factory('exampleFactory', function($http) {
    var factory = {};
    factory.getExample = function(scanRID) {
        return $http({
            method: 'GET',
            url: LARAVEL_CONTROLLER + 'Example',
            data: $.param(scanRID)
        });
    };
    return factory;
});

Angular Controller

app.controller('exampleController', function($scope, $http, exampleFactory) {
    $scope.queryRes = function() {
        if($scope.scanRID.length == 3) {
            exampleFactory.getExample($scope.scanRID)
                .success(function (data) {
                // Do Something Here
                })
                .error(function (data) {
                    console.log(data);
                });
        }
    };
});

Laravel 4 Routes

Route::get('Example', 'ExampleController@show');

Laravel 4 ExampleController

class ExampleController extends \BaseController {

    public function show()
    {

        $id = Input::get('scanRID'); // This here might be wrong. It's always empty!

        $data = ExampleModel::find($id); // Able to query and retrieve.

        return Response::JSON($data); // Returns empty.
    }

}

Laravel 4 ExampleModel

class ExampleModel extends Eloquent {

    // The id of this table is what I want, but I can't retrieve it.
    protected $fillable = ['id', 'ExampleData1', 'ExampleData2'];

    protected $table = 'exampleTable';
}

I have searched everywhere for a solution, it seems that everyone is able to successfully make the Ajax call. I think there is something that I am missing out that I am unaware about.

I have also tried setting CSRF Token, but however, I do not think that is an issue. So my last resort is to turn to the experts and hope someone is able to help me.

On a side note, I am fairly new to Laravel and Angular, so if you do post a solution, please explain to me the issue as I would like to learn more about Angular and Laravel.

Thank you for reviewing my issue.

Kalhan · Accepted Answer · 2014-09-21 07:26:55Z

1

You are not passing the value of scanRID by scanRID parameter instead pass only the value without parameter. So you are try to get the value from scanRID using Input::get('scanRID'); but without having scanRID parameter. that should be the case ur not getting the value :)

 return $http({
        method: 'GET',
        url: LARAVEL_CONTROLLER + 'Example',
        data: $.param({scanRID:scanRID})               //Change Here
    });

OR

return $http({
    method: "GET",
    url: LARAVEL_CONTROLLER + 'Example',
    params: {scanRID:scanRID}                            //Change Here
);

change like this

edited Sep 21, 2014 at 7:26

answered Sep 21, 2014 at 6:57

Kalhan

21.9k8 gold badges71 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Manuel J Over a year ago

I tried the 2nd solution and my application is working fine now. Thank you so much for your help! I'll vote up this solution the next time I can, currently I have too little reputation to vote your answer.

Kalhan Over a year ago

yeah ok. no prob :). glad it helps u :)

Collectives™ on Stack Overflow

Laravel 4 can't get data from Angular Ajax

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related