how to navigate from angular to php page after $http.post()

Question

Now I have a php page "userreq.php" managed by a angular js controller.On a button click I am calling a funcion which posts the data to another php page "checkout.php".

$http({
        url: "checkout.php",
        method: "POST",
        data: {
            data: variable
        }
    }).success(function(response) {
    console.log(response);
});

This is how I am posting it.Now I want the page to navigate to checkout.php after the variable has been posted so that I can work with that variable in checkout.php. How can I achieve that.

you could use window.location.href = 'url'; in your success function. developer.mozilla.org/en-US/docs/Web/API/Window/location — Nitsan Baleli
– Nitsan Baleli, Commented Feb 14, 2016 at 8:31
but it is redirection right http post will have no effect..I am new to angular so I may be wrong — Gopal Chandak
– Gopal Chandak, Commented Feb 14, 2016 at 9:14
depends on what you want, you could simply pass params with window.location instead of using ajax — Nitsan Baleli
– Nitsan Baleli, Commented Feb 14, 2016 at 9:16
$scope.checkout = function(){ $http({ url:"checkout.php", method : 'POST', data :{ total:$scope.total }, headers : {'Content-Type':'application/x-www-form-urlencoded; charset=UTF-8'} }).success(function(data, status, headers, config) { window.location.href="checkout.php"; }).error(function(data, status, headers, config) { console.log("not done"); }); } and in checkout.php i am doing <?php $var = $_POST['total'];?> but i am getting error that total is not defined — Gopal Chandak
– Gopal Chandak, Commented Feb 14, 2016 at 9:20
thanks for the help sir..but actually i need to pass an array — Gopal Chandak
– Gopal Chandak, Commented Feb 14, 2016 at 9:33

chalasr · Accepted Answer · 2016-02-14 10:52:14Z

0

Add the $httpParamSerializerJQLike in your controller and pass your data as query parameters.

Example :

var url = 'checkout.php'; 
var data = { id: 1, name: 'foo' };

$http({
    url: url,
    method: "POST",
    data: data
})
.success(function(response) {
    console.log(response);
    window.location.href = url + '?' + $httpParamSerializerJQLike(data);
});

And in your php, retrieve the data from $_GET :

$field = $_GET[$field];
// Output: array( 'id' => 1, 'name' => 'foo' )

edited Feb 14, 2016 at 10:52

answered Feb 14, 2016 at 10:33

chalasr

13.2k5 gold badges44 silver badges83 bronze badges

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

1 Comment

chalasr Over a year ago

If you want use POST rather than GET see stackoverflow.com/questions/5576619/php-redirect-with-post-data

Collectives™ on Stack Overflow

how to navigate from angular to php page after $http.post()

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related