Use $http angularjs Callback properly with php?

Question

So I am trying to send an $http angularjs request to php but the it will trigger successCallback (so does that mean that my request is successful?) but when I checked my database nothing happened and my data is still there. I know I'm missing something in here. please help.

Controller (which calls the checkPollCodeIfAvail function)

pollFactory.checkPollCodeIfAvail('qwe123').then(function successCallback(response){
    console.log('success');
}, function errorCallback(response){
    console.log('fail');
});

Factory:

factory.checkPollCodeIfAvail = function(x){
    code = x;
    return $http({
        method: 'POST',
        data: {
            'action' : 'checkPollCode',
            'pollCode' : code
        },
        url: 'http://localhost/poll/api.php'
    });
};

return factory;

api.php

if(empty($_POST['action'])){
    return;
}

if(($_POST['action']) == "checkPollCode"){
    $checkPollCode = $_POST['pollCode'];
}

switch ($_POST['action']) {
    case 'checkPollCode':
        $sql = "DELETE FROM polls WHERE pollCode = :pollcode";
        $stmt = $db_con->prepare($sql);
        $stmt->bindParam(":pollcode", $checkPollCode);
        $stmt->execute();
        if($stmt->rowCount() > 0){
            echo "success";
        }else{
            echo "error";
        }
        break;
}

Thank you for anyone that can help me.

Thanks for the response but I tried changing it to POST but it still won't work. — Zyx Sun
– Zyx Sun, Commented May 6, 2017 at 13:05
why you use switch case in php . try delete directly and remove successCallback in angular — Akashii
– Akashii, Commented May 6, 2017 at 13:08
I used switch since I will be having a few actions in my php file. Why do I have to remove successCallback? — Zyx Sun
– Zyx Sun, Commented May 6, 2017 at 13:11
you dont need it , and in angular you should transform data before send it . Let me try create answer — Akashii
– Akashii, Commented May 6, 2017 at 13:13

Akashii · Accepted Answer · 2017-05-06 13:41:25Z

1

In angular try add this

 return $http({
        method: 'POST',
        data: {
            'action' : 'checkPollCode',
            'pollCode' : code
        },
        url: 'http://localhost/poll/api.php'
        transformRequest:function(obj) {
                var str=[];
            for(var p in obj){
    str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]))
                                }
                                return str.join("&");
                            },
                headers:{'Content-Type':'application/x-www-form-urlencoded'}
    }).then(function(response){
    console.log('success');
}

Defaut type header of angular is application/json , and if you dont change header , you should decode input in php . I'm not familar with php and I change to form-urlencoded .

For application/x-www-form-urlencoded, the body of the HTTP message sent to the server is essentially one giant query string -- name/value pairs are separated by the ampersand (&), and names are separated from values by the equals symbol (=). An example of this would be:

MyVariableOne=ValueOne&MyVariableTwo=ValueTwo

And this code

transformRequest:function(obj) {
                    var str=[];
                for(var p in obj){
        str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]))
                                    }
                                    return str.join("&");
                                }

before send data to server , you loop though data and transform it to x-www-form-urlencoded .

edited May 6, 2017 at 13:41

answered May 6, 2017 at 13:15

Akashii

2,2815 gold badges19 silver badges32 bronze badges

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

7 Comments

Zyx Sun Over a year ago

This works thank you but I'm a newbie in angularjs and I don't really understand this code and why do I need to do this. Can you explain what's happening here?

Akashii Over a year ago

@CityDove I edited answer and try explain . My english not good so it's hard for me to explain clearly

Zyx Sun Over a year ago

@ThanTung I see. Thank you! I have another question. Is the response in the .then(function(response) the echoed "success" in my php?

Akashii Over a year ago

@CityDove what do you mean ? If you mean is display echo"success" in php you should create array in php and put message echo and encode it .

Akashii Over a year ago

Like this : $ar = array() ar['message'] ='success' json_encode($ar); And in angular $scope.sucess = response.data.message;

|

Nakous Mus · Accepted Answer · 2017-05-06 13:12:53Z

0

You have some pbm in Http

Try this Code :

var fd = new FormData();
fd.append('action', "checkPollCode");
fd.append('pollCode', code);

$http.post("http://localhost/poll/api.php", fd, {
transformRequest: angular.identity,
headers: {'Content-Type': undefined}
}).success(function(data, status, headers, conf) {
    //Evrytheng OK
}).
error(function(data, status, headers, config) {
    alert("You have some error");
});

Don't forget adding $Http in your controller:

app.controller('YourController', ['$scope', '$http',function($scope, $http){...

answered May 6, 2017 at 13:12

Nakous Mus

154 bronze badges

Collectives™ on Stack Overflow

Use $http angularjs Callback properly with php?

2 Answers 2

7 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related