AJAX redirect to another php file and pass javascript variable to that same php file

Question

I am new to Ajax. I have here a function that when a button is clicked, you should be redirected to id.php and at the same time pass the value of clicked_id.

Javascript code:

function clicked(clicked_id){
    window.alert("clicked");
    window.alert(clicked_id);

    $.post('id.php',{ID:clicked_id},
        function(data){
            window.alert("here");
            window.location='id.php';
        });
 }

Inside my id.php,

<?php
    $clickedID = $_GET['ID'];

    echo 'here at id.php';
    echo $clickedID;
?>

Now the problem is that ID in id.php cannot be identified.

Please help me. I already tried both $_POST and $_GET.

I believe that the problem here is in the passing of the variable.

You're accessing $_GET instead of $_POST, but you're making the request with $.post. — castletheperson
– castletheperson, Commented Apr 5, 2018 at 16:23
Change window.location='id.php'; to window.location.href='id.php'; — Roy Bogado
– Roy Bogado, Commented Apr 5, 2018 at 16:45
An AJAX request is meant for backend processing, not opening a page with variables. If you wanted to load a page with GET variables you could remove the POST / GET call and just use window.location='id.php&id='+clicked_id; See the Ajax Introduction for more info — Stefan Crain
– Stefan Crain, Commented Apr 5, 2018 at 17:01

Abdou Rayes · Accepted Answer · 2018-04-05 16:35:19Z

1

there is no need for ajax if you wanna pass the id to the id.php after redirection

function clicked(clicked_id){
       window.alert("clicked");
       window.alert(clicked_id);
       window.location='id.php?id=' + clicked_id;
}

in id.php you can get the id like this:

<?php $id = $_GET['id'];

answered Apr 5, 2018 at 16:35

Abdou Rayes

4304 silver badges18 bronze badges

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

2 Comments

chowchow Over a year ago

You are a lifesaver! Thanks a lot. It works now without causing a problem with my buttons.

Abdou Rayes Over a year ago

No problem just please mark the response as solved thanks

Sachin Aghera · Accepted Answer · 2018-04-05 16:29:05Z

0

function buttonClicked() {

            $.ajax({
                url: "id.php", //url for php function
                type: "POST",
                data: {'clicked_id':clicked_id}, // data to sent
                dataType: 'json',
                success: function (data)
                {

                }
            });
        }

And in your id.php file:

$_REQUEST['clicked_id']

edited Apr 5, 2018 at 16:29

answered Apr 5, 2018 at 16:26

Sachin Aghera

5063 silver badges8 bronze badges

3 Comments

Sachin Aghera Over a year ago

use $_POST or $_REQUEST

chowchow Over a year ago

what is in the data type? I'm sorry. I am just starting to learn Ajax

Sachin Aghera Over a year ago

datatype of data that you are sent

Collectives™ on Stack Overflow

AJAX redirect to another php file and pass javascript variable to that same php file

2 Answers 2

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related