Need help about PHP and AngularJS

42 views
Skip to first unread message

foysal foysal

unread,
Nov 24, 2015, 1:27:14 AM11/24/15
to ang...@googlegroups.com
I am trying to send values from AngularJS to PHP like below

loginService.js

'use strict';

app.factory('loginService',function($http)
{
   return{
       login:function(user){
                var promise = $http.post('data/user.php',user); //send data to user.php
                promise.then(function(msg){
                    if(msg.data=='succes') console.log('succes login');
                    else console.log('error login');   
                })
       }
   }
});
My PHP file is like below

user.php

<?php
    $user=json_decode(file_get_contents('php://input'));

    if($user->mail=='foy...@gmail.com' && $user->pass=='1234')
    {   
        print 'succes';
    }
    else 
    {   
        print 'error';
    }
 ?>

My output is like below

error login

loginCtrl.js

'use strict';

app.controller('loginCtrl',function($scope,loginService)
{
    $scope.login=function()
    {
    loginService.login();
    }
})

How can I debug here ?? Like, is php file getting values ?? is php file sending values ??

Could anyone say where is my mistake??

Thanks

Rafael Bernard Rodrigues Araujo

unread,
Nov 24, 2015, 5:51:21 AM11/24/15
to ang...@googlegroups.com
Hi, Foysal.

It looks correct at PHP side. You really need to debug.

At AngularJS side, you can debug using console.log before the post call:

===
console.log(user);
var
promise = $http.post('data/user.php',user); //send data to user.php
===

In PHP side you can debug:

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

===


--
Rafael Bernard Rodrigues Araújo
about.me/rafaelbernard
Analista de Tecnologia | Hospedagem de sites - http://oservidor.com

foysal foysal

unread,
Nov 25, 2015, 4:44:56 PM11/25/15
to ang...@googlegroups.com
Thanks Rafael for your reply. I think I failed to gather the values
from the HTML Form. I am giving HTML Form code here.Could you help me
to figure out the issue ??

login.tpl.html


Welcome : {{user.mail}}

<div class="bs-example">
<form role="form" name="form1">
<div class="form-group">
<p>Welcome : {{user.mail}}</p>
<label for="exampleInputEmail">Mail</label>
<input type="text" placeholder="Enter name"
class="form-control" required ng-model="user.mail">
</div>
<div class="form-group">
<label for="exampleInputPassword">Password</label>
<input type="password" placeholder="Password"
id="exampleInputPassword" class="form-control" required
ng-model="user.pass">
</div>
<button class="btn btn-default" type="submit"
ng-disabled="form1.$invalid" ng-click="login(user)">Submit</button>
<p></p>
</form>
</div>
> --
> You received this message because you are subscribed to the Google Groups
> "AngularJS" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to angular+u...@googlegroups.com.
> To post to this group, send email to ang...@googlegroups.com.
> Visit this group at http://groups.google.com/group/angular.
> For more options, visit https://groups.google.com/d/optout.

Rafael Bernard Rodrigues Araujo

unread,
Nov 26, 2015, 7:43:15 AM11/26/15
to ang...@googlegroups.com
HI, Foysal.

You need to retrieve the user object in the controller. See http://plnkr.co/edit/HGpQjNC7I945paFbWylw

===
$scope.login = function(user) {
===

Take care,

foysal foysal

unread,
Nov 26, 2015, 4:59:20 PM11/26/15
to ang...@googlegroups.com
Thanks Rafael  for your reply. I think issue is in PHP file, but I cant figure out it. I have to send value to PHP and then catch the value in JS file which is returned by PHP file. I tried like below but 


PHP File

$user=json_decode(file_get_contents('php://input'));   
     
print $user['mail'];



JS File

loginService.js

'use strict';

app.factory('loginService',function($http)
{
   return {
       login:function(user)
       {
  var $promise=$http.post('data/user.php',user); //send data to user.php
  $promise.then(function(msg)
  {
     console.log(msg.data);   
  });
       }
   }
});



I found nothing/empty/blank in console.





--
Reply all
Reply to author
Forward
0 new messages