How to pass a Javascript variable via POST , and redirect to a new page?

Question

I have a JavaScript variable, and I want to send via POST to a PHP page and I want to display the new page. I tried this solution, but it seems not work. I have checked within Wireshark, and the variable (key and value) are sent correctly, but the page, doesn't show anything.

$(document).ready(function() {
            $("#tbID tr").click(function() {
                $(this).addClass('selected').siblings().removeClass('selected');
                var value = $(this).find('td:nth-child(2)').html();

            });

        });
        function send(value) {
            $.post("newPhp.php", {
                key : value

            }).done(function(data) {
                location.href="newPhp.php";
            });
        }

The newPhp.php:`

    if(!empty($_POST["key"])){
        $value  = $_POST['key'];`
//something with $value
}

So what is the problem with this code ? Are there any simpler solution ?

You're running newPhp.php twice. $.post sends a POST request to it with a parameter. When it replies to that, location.href redirects to the page with a GET request and no parameters. — Barmar
– Barmar, Commented Apr 23, 2015 at 20:48
You should either submit the form normally, or the .done function should display the output in the current page instead of redirecting. — Barmar
– Barmar, Commented Apr 23, 2015 at 20:50
Yes, that's what I suppose is the key problem. So how Can I pass the parameter, and display the new page ? — I love coding
– I love coding, Commented Apr 23, 2015 at 20:50
That's what normal form submission does. Why are you using AJAX? — Barmar
– Barmar, Commented Apr 23, 2015 at 20:51
Looks like duplicate of stackoverflow.com/questions/2054705/… — Artem
– Artem, Commented Apr 23, 2015 at 20:55

Adam Kaczmarek · Accepted Answer · 2015-04-23 20:44:05Z

-2

function send(value) {
    $.post( "newPhp.php",
        {key:value},
        function( data ) {
            location.href="newPhp.php";
        }
    );
}

answered Apr 23, 2015 at 20:44

Adam Kaczmarek

1462 silver badges10 bronze badges

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

3 Comments

I love coding Over a year ago

It doesn't work ! The newPhp.php doesn't display what I got from the post.

Adam Kaczmarek Over a year ago

This code work. Check what Your ajax response is. And check browser console.

I love coding Over a year ago

The problem, is that I open twice the page, but only the first time the post works/sends

Collectives™ on Stack Overflow

How to pass a Javascript variable via POST , and redirect to a new page?

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related