I am trying to get data from one php page and pass it to another page using Ajax.

JS :

$.ajax({
      url: "action.php",
      success: function(data){           
        $.ajax({
             url: "data.php?id=data"
      }
});

action.php :

<?php    
    $test=  1;
?>

data.php :

<script src=".11.3/jquery.min.js"></script>
<script type="" src="action.js"></script>
<?php
    $id = $_GET['id'];
    echo $id;
?>

I am trying to get data from one php page and pass it to another page using Ajax.

JS :

$.ajax({
      url: "action.php",
      success: function(data){           
        $.ajax({
             url: "data.php?id=data"
      }
});

action.php :

<?php    
    $test=  1;
?>

data.php :

<script src="http://ajax.googleapis./ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="" src="action.js"></script>
<?php
    $id = $_GET['id'];
    echo $id;
?>

• javascript
• php
• jquery
• ajax

• Related: stackoverflow./q/34935798/2943403 – mickmackusa Commented Jul 10, 2021 at 7:02

4 Answers 4

First of all, you need to echo your data in action.php, and second, use data parameter of AJAX request to send data to data.php.

Here's the reference:

• jQuery.ajax()

So the organization of pages should be like this:

JS :

$.ajax({
    url: "action.php",
    success: function(data){ 
        $.ajax({
            url: "data.php",
            data: {id: data},
            success: function(data){ 
                // your code
                // alert(data);
            }
        });
    }
});

action.php :

<?php
    $test = 1;
    echo $test;
?>

data.php :

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

Try to use $.get() method to get/send data :

$.get("action.php",{}, function(data){
    //data here contain 1
    $.get("data.php", {id: data}, function(id){
         alert(id);
    }
});

Just echo $test since just the data printed in page will return as responce to the query request.

action.php :

<?php    
    $test=1;
    echo $test;
?>

Hope this helps.

For example,

<a href="#" class="dataClass" data-value="1">Test</a>

<script src="http://ajax.googleapis./ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="" src="action.js"></script>

action.js

$('.dataClass').click(function(){
    var value=$(this).attr('data-value');
    $.ajax({url:"Ajax_SomePage.php?value="+value,cache:false,success:function(result){
        alert("success");
    }});
}); 

Ajax_SomePage.php

<?php
$value = $_GET['value'];
echo $value;
?>

To get data as response in ajax call, you need to echo the result from your php page; action.php page.

echo $test =  1;

In your provided code

$.ajax({
    url: "data.php?id=data"
}       // closing bracket is missing

you are sending the string data as id to data.php page. Instead you have to append the result with the url using + symbol like shown in the below code.

 $.ajax({
   url: "action.php",
   success: function(data){           
    $.ajax({
         url: "data.php?id="+data
    })
  }
});