PHP AJAX - Pass a PHP value from one page to another using AJAX

Question

I would like to pass a php variable onto another php page (category-get-secondary.php) through Ajax. I have the following code:

function getSecondaryCat(val) {
        $.ajax({
            type: "POST",
            url: "category-get-secondary.php",
            data: 'primary_cat='+val,
            success: function(data){
                $("#secondary_cat").html(data);
                $("#tertiary_cat").html('<option value="">Select specific category</option>')
            }
        });
    }

On category-get-secondary.php I want to get the value: -

$postPrimaryCat = $_POST['primary_cat'];
$categoryType = $_POST['category-select'];

$postPrimaryCat is transferred. Now I want to transfer the value for $categoryType.

I would like to pass the PHP variable 'category-select'. This is what I tried to transfer the value:

function getSecondaryCat(val,cat_val) {
        $.ajax({
            type: "POST",
            url: "category-get-secondary.php",
            data:'primary_cat='+val+'&category-select='+cat_val,
            success: function(data){
                $("#secondary_cat").html(data);
                $("#tertiary_cat").html('<option value="">Select specific category</option>')
            }
        });
    }

and to get the value I'm using

$getCategorySet = $_POST['category-select'];

but the value doesn't seem to be transfereed

Updated with full code:

main-page.php

<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
<script>

</script>
<script>


function getSecondaryCat(val, catval) {
        $.ajax({
            type: "POST",
            url: "category-get-secondary.php",
            data:'primary_cat='+val+'&categoryselect='+catval,
            success: function(data){
                $("#secondary_cat").html(data);
                $("#tertiary_cat").html('<option value="">Select specific category</option>')
            }
        });
    }

    function selectCountry(val) {
        $("#search-box").val(val);
        $("#suggesstion-box").hide();
    }
</script>

<?php

//Get category set from URL bar
$_POST['categoryselect'] = 'premium';

category-get-secondary.php

<?php
//Insert value to ajax
$postCatType = $_POST['categoryselect'];

The value 'category-select' still does not get outputted. To transfer it from the first page I am using $_POST['category_select'] = 'private'; — user6043723
– user6043723, Commented Apr 8, 2016 at 10:22
@user6043723, Try to change your variable from category-select to category_select — Nehal
– Nehal, Commented Apr 8, 2016 at 10:44

Nehal · Accepted Answer · 2016-04-08 11:05:57Z

1

Valid Characters

In general JavaScript, variable/function names can't contain -. They can only contain letters, $, and _ (Underscore)

So... change data:'primary_cat='+val+'&category-select='+cat_val, to this data:'primary_cat='+val+'&category_select='+cat_val,

Hope it solves your issue.

edited Apr 8, 2016 at 11:05

Nehal

1,5134 gold badges17 silver badges30 bronze badges

answered Apr 8, 2016 at 10:26

Akash Shah

537 bronze badges

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

9 Comments

user6043723 Over a year ago

Hi. I tried that method too... but it didn't work either

Akash Shah Over a year ago

Change this $getCategorySet = $_POST['category-select']; to $getCategorySet = $_POST['category_select'];

user6043723 Over a year ago

Hi, no it didn't unfortuantely

Akash Shah Over a year ago

It is a bit confusing what you want to do but as per what i understand you want to pass "premium" as categoryselect to another page. Use this: data:'primary_cat='+val+'&categoryselect=premium',

user6043723 Over a year ago

How can I pass the php string premium as a php string, as the value `premium' may change.

|

Govind · Accepted Answer · 2016-04-08 10:13:57Z

0

function getSecondaryCat(val) {
        $.ajax({
            type: "POST",
            url: "category-get-secondary.php",
            data: {primary_cat:val},
            success: function(data){
                $("#secondary_cat").html(data);
                $("#tertiary_cat").html('<option value="">Select specific category</option>')
            }
        });
    }

answered Apr 8, 2016 at 10:13

Govind

2671 silver badge11 bronze badges

1 Comment

user6043723 Over a year ago

The value is not being output in the category-get-secondary.php To transfer it from the first page I am using $_POST['category_select'] = 'private';

RJParikh · Accepted Answer · 2016-04-08 11:02:48Z

0

Change data and add below data line in your code. Ajax

function getSecondaryCat(val,cat_val) {
            $.ajax({
                type: "POST",
                url: "category-get-secondary.php",
                data:{primary_cat:val,category_select:cat_val} ,
                success: function(data){
                    $("#secondary_cat").html(data);
                    $("#tertiary_cat").html('<option value="">Select specific category</option>')
                }
            });
        }

PHP

$postPrimaryCat = $_POST['primary_cat'];
$categoryType = $_POST['category-select'];

edited Apr 8, 2016 at 11:02

answered Apr 8, 2016 at 10:14

RJParikh

4,1661 gold badge24 silver badges38 bronze badges

2 Comments

RJParikh Over a year ago

try to change "category-select" to "category_select". @user6043723

user6043723 Over a year ago

Hi. How do I initialise the primary value to send it through the AJAX. I tried $_POST['category-select'] = 'private';

Collectives™ on Stack Overflow

PHP AJAX - Pass a PHP value from one page to another using AJAX

3 Answers 3

9 Comments

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

9 Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related