how to pass url to another page using ajax

Question

I am trying to pass a product Id from my products.php page to my productType.php using ajax.

products.php

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

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

productType.php

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

action.js

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

**For a kind attention to all of you**. Mr TomTom94 is not trying at all. He asked similar question 2 hours before. http://stackoverflow.com/questions/35058794/how-to-get-data-from-one-php-page-using-ajax-and-pass-it-to-another-php-page-usi. And, he asked 6 questions overall in SO and didn't accepted any answer. — Nana Partykar, Jan 28 '16 at 12:19
Both, products and productTypes could be retrieved in simple API call. What is the purpose of using nested API calls ? — Rayon, Jan 28 '16 at 12:19

score 0 · Answer 1 · answered Jan 28 '16 at 12:14

0

You need to convert it into variable:

$.ajax({
  url: "products.php",
  success: function(data){ 
    $.ajax({
      url: "productsType.php?id=" + data,
      //------------------------^^^^^^^^^
    });
  }
});

answered Jan 28 '16 at 12:14

Praveen Kumar Purushothaman

164,888
24
203
252

Correct! But what is the point of having nested API calls ? – Rayon Jan 28 '16 at 12:16
@RayonDabre Ask the OP. `:(` There could be several reasons. As I could see, this is a valid use-case, but improper request. – Praveen Kumar Purushothaman Jan 28 '16 at 12:17

score 0 · Answer 2 · answered Jan 28 '16 at 12:14

0

You need to concatenate:

url: "productsType.php?id="+data,

or you can use data:{} option of ajax:

url: "productsType.php",
data:{id:data}

answered Jan 28 '16 at 12:14

Jai

74,255
12
74
103

score 0 · Answer 3 · answered Jan 28 '16 at 12:18

0

Use following code with async:false

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

answered Jan 28 '16 at 12:18

vikas singh aswal

202
2
7

how to pass url to another page using ajax

3 Answers3