AngularJs AJAX POST to PHP

Question

It's my first time using POST from AngularJs to PHP.

But, Google is my friend - or so I thought.

According to several Google finds, this could should work fine:

AngularJs:

   var data = $.param({
        json: JSON.stringify({
            userName:  $scope.registrationData.userName,
            email:     $scope.registrationData.email,
            password : forge_sha256($scope.registrationData.password)
        })
    });

   var url = HOST + 'api/register.php?debug';       
   console.log('Register at  ' + url);

   $http.post(url, data)

PHP

 $postdata = file_get_contents("php://input");
 $request = json_decode($postdata);

ChromePhp::log('API: JOSON data = ' . $postdata);
ChromePhp::log('API: decoded data = ' . $request);

But, those two ChromePhp::log showed this in the browser console:

%cF:\DropBox\programs\Xampp\htdocs\api\register.php : 17
log.js:137 API: JOSON data = json=%7B%22userName%22%3A%22n%22%2C%22email%22%3A%22e%22%2C%22password%22%3A%22148de9c5a7a44d19e56cd9ae1a554bf67847afb0c58f6e12fa29ac7ddfca9940%22%7D
log.js:81 %cF:\DropBox\programs\Xampp\htdocs\api\register.php : 18
log.js:137 API: decoded data =

The decoded JSON is empty :-( So, something is going wrong either with my encoding or my decoding.

I am too close to it to see it - who can spot my d'oh ?

Ankh · Accepted Answer · 2016-07-08 11:06:01Z

2

If you want to send your data as JSON, it should be simple as:

var data = {
    userName: $scope.registrationData.userName,
    email:    $scope.registrationData.email,
    password: forge_sha256($scope.registrationData.password)
};

...

$http.post(url, data);

You can also check what's being sent from your Angular application by checking the 'network' tab in Chrome's developer tools. That way you can pinpoint if it's a client or server side issue.

answered Jul 8, 2016 at 11:06

Ankh

5,7583 gold badges43 silver badges43 bronze badges

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

Comments

Suresh Kamrushi · Accepted Answer · 2016-07-08 10:49:35Z

1

Either you can try like this:

var data = $.param({userName:$scope.registrationData.userName,
                    email:$scope.registrationData.email,
                    password:forge_sha256($scope.registrationData.password)});        
var config = {headers : {'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;'}} 

$http.post("url/to/ur/file",data,config)
.success(function(response) {
    $scope.data = response;
});

PHP: you can access data like:

$uesrName = $_POST['userName'];
$email = $_POST['email'];
$password = $_POST['password'];

You will get more info:https://docs.angularjs.org/api/ng/service/$http

answered Jul 8, 2016 at 10:49

Suresh Kamrushi

16.2k13 gold badges79 silver badges93 bronze badges

2 Comments

Ankh Over a year ago

This is making the assumption that OP doesn't want JSON?

Mawg Over a year ago

Good point (+1), but I don't really care, as long as it works

Collectives™ on Stack Overflow

AngularJs AJAX POST to PHP

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related