Ajax call using angular js

Question

I am a new Angularjs user.I am facing a problem,when i submit a signup form,I have applied validation using AngularJs. At the same time if all the input fields are valid then i have send an $http Ajax call to check the email address,already exist or not.The issue is my php file did not receive email data.

$http({
         method  : 'POST',
         async: false,
         url: 'http://localhost/angular/signup/emailcheck.php',
         data: { email: $scope.user.email },  // pass in data as strings
         headers : { 'Content-Type': 'application/x-www-form-urlencoded' }  // set the headers so angular passing info as form data (not request payload)
      })
      .success(function(data) 
      {
          $scope.info = data;
          if($scope.userForm.$valid && $scope.info === '0') {
                alert('our form is amazing' + $scope.info);
          }
          else{
                  alert('Already exist');
              }
      }).error(function(response,status)
      {
          console.log('ERROR HERE'+ status);
      });

My Php file code:

$email = $_POST['email'];
$sql = "SELECT * FROM user where username = '".$email."'";
$result = mysql_query($sql);
//fetch tha data from the database 
while ($row = mysql_fetch_array($result)) {
....
....
....
....
....
}

I have checked and found that php file did not receive email value at all.

alert $scope.user.email before ajax request and see are you getting email? — Rahul
– Rahul, Commented Dec 9, 2015 at 12:21

user5621153 · Accepted Answer · 2015-12-09 13:09:15Z

1

$http({
     method  : 'POST',
     async: false,
     url: 'http://localhost/angular/signup/emailcheck.php',
     data : $.param($scope.user),  // this will definitely wor
     headers : { 'Content-Type': 'application/x-www-form-urlencoded' }  // set the headers so angular passing info as form data (not request payload)
  })
  .success(function(data) 
  {
      $scope.info = data;
      if($scope.userForm.$valid && $scope.info === '0') {
            alert('our form is amazing' + $scope.info);
      }
      else{
              alert('Already exist');
          }
  }).error(function(response,status)
  {
      console.log('ERROR HERE'+ status);
  });

answered Dec 9, 2015 at 13:09

user5621153

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

Comments

Rahul · Accepted Answer · 2015-12-09 13:40:16Z

1

Try removing http://localhost from url and then see it may be CORS.

answered Dec 9, 2015 at 13:40

Rahul

3341 silver badge9 bronze badges

1 Comment

Mawg Over a year ago

Yes, it sounds liek CORS. OP should get a browser plugin to allow it (and only use that browser for development)

Guenter Guckelsberger · Accepted Answer · 2015-12-09 12:59:07Z

0

Just a guess: your url is pointing to localhost but has no port number, this is unusual, maybe you forgot it?

answered Dec 9, 2015 at 12:59

Guenter Guckelsberger

9408 silver badges6 bronze badges

1 Comment

Mawg Over a year ago

What's unusual about it? It will default to port 80 and his (Apache?) server will handle it & run his PHP script.

Community · Accepted Answer · 2017-05-23 12:33:30Z

0

data: $.param({
    email:$scope.user.email
})

Or this way: (modify the php)

Angular HTTP post to PHP and undefined

edited May 23, 2017 at 12:33

CommunityBot

11 silver badge

answered Dec 9, 2015 at 13:26

ronald8192

5,4832 gold badges17 silver badges24 bronze badges

Comments

rajausman haider · Accepted Answer · 2015-12-10 03:38:34Z

0

I have just found that in php file,

$_POST or $_GET will not work, to receive data. Use the following:

$data = file_get_contents("php://input");
$objData = json_decode($data);
$email = $objData->email;

In my case it works.

answered Dec 10, 2015 at 3:38

rajausman haider

6802 gold badges11 silver badges20 bronze badges

Collectives™ on Stack Overflow

Ajax call using angular js

5 Answers 5

Comments

1 Comment

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related