Send Multiple values from ajax to php in url with GET

Question

I want to send 2 values to php using ajax. When I use one variable, it works fine, but when I use 2 variables, the query no longer works in the php file.

$.ajax({ 
    url:'page.php?suplier_id='+suplierNameMain+'&quality_id='+qualityNameMain,
        method:'GET', success:function(data) {
});

If I use only supplier_id, everything works great.

P.S qualityNameMain shows correct value in console.log()

Are suplierNameMain and qualityNameMain url encoded?

JanLikar
– JanLikar

2013-01-15 20:55:58 +00:00
Commented Jan 15, 2013 at 20:55 — JanLikar
– JanLikar, Commented Jan 15, 2013 at 20:55
nopes, but Sean's Solution is working :)

irshad.ahmad
– irshad.ahmad

2013-01-15 21:03:45 +00:00
Commented Jan 15, 2013 at 21:03 — irshad.ahmad
– irshad.ahmad, Commented Jan 15, 2013 at 21:03

user21926 · Accepted Answer · 2013-01-15 20:56:34Z

4

I'm sure it's not related, but there is no reason to build your own query string. Use the data property instead, which as Barmar points out will properly URL encode your parameters:

$.ajax({
    url: 'page.php',
    data: {
        'suplier_id': suplierNameMain,
        'quality_id': qualityNameMain
    },
    success: function(data) {
        /* Whatever */
    }
});

Note that method from your example isn't valid for jQuery (there is a type setting to switch between GET and POST), but GET is the default so you might as well exclude it altogether.

answered Jan 15, 2013 at 20:56

user21926

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

3 Comments

Barmar Over a year ago

It very well could be related. This will ensure that the values are properly URL-encoded.

user21926 Over a year ago

No problem. As an aside, supplier has two 'p's, not one.

irshad.ahmad Over a year ago

lol, actually this mistake occurred right from the start and i didn't notice in the first place. when i figured that out, the project was too big to be edited, so as a matter of consistency, i left it this way :p

0xmtn · Accepted Answer · 2013-01-15 20:58:39Z

1

Use .ajax like this:

$.ajax({
    url: 'page.php',
    type: 'GET',
    data: {'suplier_id': suplierNameMain, 
           'quality_id': qualityNameMain
           }

    success: function(data) {
    }
 );

answered Jan 15, 2013 at 20:58

0xmtn

2,6805 gold badges30 silver badges53 bronze badges

Collectives™ on Stack Overflow

Send Multiple values from ajax to php in url with GET

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related