jquery add variable to $.get url parameter

Question

I´ve been banging my head against the $.get-function of jquery.

I´m trying to do something like this:

$("#button").click(function(){

var value=$("#textfield").val();

alert(value);

$.get('lookup.php?s=<?php echo $id?>&q=+ value',function(data) {

$(#result).html(data);

This should query lookup.php with GET-parameters:

$id (PHP-variable) & value (jquery/Javascript-variable)

The thing is, that the $id is being filled in correctly, but the "value" of the previous jquery/javascript assignment is not.

Playing with the data:-parameters did not help at all.

Is there a way I can append a jquery-variable from a textfield input to the query string ?

I need to call $.get with those 2 parameters and I cannot find a way in my head to do it otherwise :-).

Hope my intent became clear ...

Don't forget to quote #result.

Marcel Korpel
– Marcel Korpel

2013-03-01 22:32:54 +00:00
Commented Mar 1, 2013 at 22:32 — Marcel Korpel
– Marcel Korpel, Commented Mar 1, 2013 at 22:32

Blender · Accepted Answer · 2013-03-01 22:29:22Z

1

You need to put the + value outside of the quotes. Also, I wouldn't build query strings manually. Just pass an object:

$.ajax({
    type: 'get',
    url: 'lookup.php',
    data: {
        s: '<?php echo $id; ?>',
        q: value
    },
    success: function(data) {
        ...
    }
});

answered Mar 1, 2013 at 22:29

Blender

300k55 gold badges462 silver badges512 bronze badges

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

Comments

DarkAjax · Accepted Answer · 2013-03-01 22:25:54Z

0

Instead of including the variable value your just including the string 'value', you need to move the variable outside the quotes. It should be like this:

$.get('lookup.php?s=<?php echo $id?>&q=' + value,function(data) {

answered Mar 1, 2013 at 22:25

DarkAjax

16.3k11 gold badges60 silver badges67 bronze badges

1 Comment

Marcel Korpel Over a year ago

Don't forget to properly encode value with encodeURIComponent.

PlantTheIdea · Accepted Answer · 2013-03-01 22:26:07Z

0

Your value should be outside of quotation marks:

$.get('lookup.php?s=<?php echo $id?>&q='+value,function(data) {

When the variable is placed inside of the quotation marks, it is just seen as the string "value".

answered Mar 1, 2013 at 22:26

PlantTheIdea

16.4k5 gold badges37 silver badges40 bronze badges

2 Comments

Marcel Korpel Over a year ago

Don't forget to properly encode value with encodeURIComponent.

user2095033 Over a year ago

OMG! I can´t believe it. It´s working great ! All that hours just because of wrong quotes. Thank you ! :-) This is incredible. Should have joinded stackoverflow long before ...

Leeish · Accepted Answer · 2013-03-01 22:26:07Z

0

$.get('lookup.php?s=<?php echo $id?>&q='+ value,function(data) {

answered Mar 1, 2013 at 22:26

Leeish

5,2132 gold badges20 silver badges48 bronze badges

1 Comment

Marcel Korpel Over a year ago

Don't forget to properly encode value with encodeURIComponent.

Collectives™ on Stack Overflow

jquery add variable to $.get url parameter

4 Answers 4

Comments

1 Comment

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related