Codeigniter + Angular Js: How to receive JSON data

Question

This is the situation:

I have a simple app made in Angular JS that comunicate with the server through an API made in codeigniter.

There is a login system in the app. When the user enter email and password, this data are sent to the server, if the email exist and the password match, it return true.

I have made many attempts but not figure out how can i do this properly.

This is the code:

The form:

<form role="form" method="post" novalidate ng-submit="submitForm()">
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" name="email" ng-model="user.name" placeholder="Enter email">
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" name="password" ng-model="user.password" placeholder="Password">
  </div>

  <button type="submit" class="btn btn-default">Submit</button>
</form>

This is the Angular js controller:

 $scope.authorized = false;

 $scope.user = {};

 $scope.submitForm = function() 
 {
    console.log("posting data....");

    $http({
        method : 'POST',
        url : 'http://127.0.0.1/api/main/login',
        headers: {'Content-Type': 'application/json'},
        data : JSON.stringify({email:$scope.user.email, password:$scope.user.password})
    }).success(function(data) {
         console.log(data);

        $scope.authorized = data; 

        if ($scope.authorized) { $location.path("memberArea"); };        

    });

}

In the codeigniter method have tried many things. Right now there is just this:

function login()
{
    print json_encode($_POST);
}

But i don't know if can receive the data into the $_POST because it seems to be empty.

So the question is:

How can i receive data in the codeigniter method? Is better to send as JSON and then json_decode? I have also tried json_decode($_POST, true); But was null. But if the data are not in $_POST where are? I am little confused..

Thank you for help!

EDIT:

Thanks guys for reply. That was one thing that have tried. But somehow is not working. Now for example the method is like this:

function login()
{
    $email = $this->input->post('email');
    var_dump($email);
    print json_encode($email);
}

But what is returned is a boolean false.

put this in controller print_r(json_decode(file_get_contents('php://input'))); and paste outcome pls. — Karan Thakkar
– Karan Thakkar, Commented May 22, 2014 at 10:52
Yes was that the key! i discover half an hour ago. I was going to make the answer. If you want to make, i will make your as correct answer! — FrancescoMussi
– FrancescoMussi, Commented May 22, 2014 at 11:07
I think this is the best solution here: stackoverflow.com/questions/11442632/… — Dimanche Eat
– Dimanche Eat, Commented Dec 2, 2014 at 4:09

Karan Thakkar · Accepted Answer · 2014-05-22 11:15:01Z

14

+50

thanks for the reply. solution is as follows

$obj=json_decode(file_get_contents('php://input'));

you can test it by

print_r(json_decode(file_get_contents('php://input')));

answered May 22, 2014 at 11:15

Karan Thakkar

1,4772 gold badges17 silver badges26 bronze badges

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

1 Comment

Ivan More Flores Over a year ago

stackoverflow.com/questions/46979306/…

Matt Asbury · Accepted Answer · 2014-05-14 16:01:49Z

3

$_POST will be empty in CodeIgniter because it purposely empties it for security reasons. You need to use $this->input->post(); instead.

CodeIgniter Input Class

answered May 14, 2014 at 16:01

Matt Asbury

5,6902 gold badges24 silver badges29 bronze badges

Comments

grim · Accepted Answer · 2014-05-14 16:02:02Z

2

Use:

$postData = $this->input->post();

It should give you an array with all the post data.

I also advise you to turn on XSS filtering.

Following is the documentation for the Codeigniter Input Class: http://ellislab.com/codeigniter/user-guide/libraries/input.html

answered May 14, 2014 at 16:02

grim

6,78911 gold badges40 silver badges59 bronze badges

8 Comments

grim Over a year ago

@johnnyfittizio I don't know anything with AngularJS but can you try to change your data attribute of your call to: data : {email:$scope.user.email, password:$scope.user.password}

FrancescoMussi Over a year ago

The most easy way is to pass the user object. data : $scope.user In this case data will be sent as a json object. but how can i receive it in codeigniter?

grim Over a year ago

By using the input class, Codeigniter should automatically perform a json_decode on the data you pass from your post. Have you tried to set the contentType and or dataType to JSON in your ajax call?

FrancescoMussi Over a year ago

Yes have set it (and edited question). But in the event i don't send data taken from a form, but fake string data. How can this be received in codeigniter. I think this is the point.

FrancescoMussi Over a year ago

By the way Angular is great!

|

Majed DH · Accepted Answer · 2014-05-26 09:56:16Z

1

the data sent with the request is a name-value pairs so you should write some thing like that:

data : {"myformdata":JSON.stringify({email:$scope.user.email, password:$scope.user.password})}

and in code igniter you can recive the data :

$this->input->post("myformdata"); //should return what
                                  // that JSON.stringify returned

answered May 26, 2014 at 9:56

Majed DH

1,30119 silver badges37 bronze badges

Comments

Jason Larke · Accepted Answer · 2014-05-29 05:25:30Z

1

Although this is already answered I quite often have this quick little utility included in many of my applications that need to accept both application/x-www-form-urlencoded and application/json POSTs.

if (strcasecmp($_SERVER['REQUEST_METHOD'], 'post') === 0 && stripos($_SERVER['CONTENT_TYPE'], 'application/json') !== FALSE) {
    // POST is actually in json format, do an internal translation
    $_POST += json_decode(file_get_contents('php://input'), true);
}

After that point you can now just use the $_POST superglobal as you normally would, all the JSON data will be decoded for you.

answered May 29, 2014 at 5:25

Jason Larke

5,6791 gold badge27 silver badges31 bronze badges

Collectives™ on Stack Overflow

Codeigniter + Angular Js: How to receive JSON data

5 Answers 5

1 Comment

Comments

8 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

8 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related