Pass multiple parameters from a jQuery function to PHP

Question

I have the following jQuery that passes variables onto a PHP form:

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>')
        }
    });
}

The above passes the data onto to a PHP function

//Get primary category value
$postPrimaryCat = $_POST['primary_cat'];

Now I want to pass another variable called category_type how do I add it in my jQuery above?

data: { primary_cat: val, category_type: val2 }

Daan
– Daan

2016-04-07 13:35:46 +00:00
Commented Apr 7, 2016 at 13:35 — Daan
– Daan, Commented Apr 7, 2016 at 13:35
Does nobody EVER Read The Manual

RiggsFolly
– RiggsFolly

2016-04-07 13:38:05 +00:00
Commented Apr 7, 2016 at 13:38 — RiggsFolly
– RiggsFolly, Commented Apr 7, 2016 at 13:38
use this data:'primary_cat='+val+'&category_type='+type

Manjeet Barnala
– Manjeet Barnala

2016-04-07 13:43:07 +00:00
Commented Apr 7, 2016 at 13:43 — Manjeet Barnala
– Manjeet Barnala, Commented Apr 7, 2016 at 13:43

Felipe Signorini · Accepted Answer · 2016-04-07 13:40:37Z

2

Simple way.

Using array into data parameters.

data: {primary_cat:val,category_type:cat_var}

Complete example,

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

answered Apr 7, 2016 at 13:40

Felipe Signorini

466 bronze badges

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

1 Comment

RiggsFolly Over a year ago

But pretty much covered by @Daan in his comment

vishu · Accepted Answer · 2016-04-07 13:44:58Z

0

Hey you can try like this:

data parameter used to pass the values, so you can append values here as in the url

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

edited Apr 7, 2016 at 13:44

answered Apr 7, 2016 at 13:37

vishu

2311 silver badge9 bronze badges

2 Comments

RiggsFolly Over a year ago

Why should the OP "try this"? A good answer will always have an explanation of what was done and why it was done that way, not only for the OP but for future visitors to SO that may find this question and be reading your answer.

user6043723 Over a year ago

I have no experience with jQuery and I was stuck. That is my I asked the question in the first place.

Collectives™ on Stack Overflow

Pass multiple parameters from a jQuery function to PHP

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related