JQuery Sending value using GET not working

Question

Sending the value of the select option is not working but I am able to get the value and print it, so it's definitely the $.get.

$(document).ready(function () {    
//hover method to drop down nav menu
.
.
.
.

$('select').change( function() {
    var val = $('#sortOpt').val();
    $.get(
        "http://localhost/e-com/index.php/products/categories?cat=cameras&",
        {
            sort: val
        },
        function(data){}
    )
});
});

What does arrive at the server? See access log or better look into the network tab of your JavaScript debugger to see what the get method sends. — mvw
– mvw, Commented Mar 8, 2014 at 17:10
It was sending nothing, but it's working now. I got this code from this site and I didn't know what function(data){} was, so removing it worked. — ethio
– ethio, Commented Mar 9, 2014 at 14:13

Matt · Accepted Answer · 2014-03-08 16:18:25Z

1

You need to fix the following :

   var val = $('#sortOpt').val();
//^remove the '$'

You've also got an extra } at the end of your $.get() call.

Once fixed, you should have:

$('select').change( function() {
    var val = $('#sortOpt').val();
    $.get(
        "http://localhost/e-com/index.php/products/categories?cat=cameras&",
        {
            sort: val
        },
        function(data){}
    );
});

edited Mar 8, 2014 at 16:18

Matt

75.4k26 gold badges156 silver badges181 bronze badges

answered Mar 8, 2014 at 16:15

Wilmer

2,5091 gold badge14 silver badges8 bronze badges

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

4 Comments

ethio Over a year ago

the $ sign is a typo when I deleted a line before that and the extra { is for $(document).ready(function () {

Wilmer Over a year ago

Ok, what is the #sortOpt element? Are you getting the "cat" value?

ethio Over a year ago

#sortOpt is a select option, yes I am able to get the cat value.

Wilmer Over a year ago

Do you mean to get the current selection? You can use $(this).val() to do that instead.

Shimon Rachlenko · Accepted Answer · 2014-03-08 16:18:56Z

0

You should send data as url parameters:

$.get(
    "http://localhost/e-com/index.php/products/categories?cat=cameras&sort=" + val,
    function(data){}
});

answered Mar 8, 2014 at 16:18

Shimon Rachlenko

5,51742 silver badges51 bronze badges

1 Comment

Matt Over a year ago

That's effectively what he's doing at the moment. See the documentation for the second parameter to get(). api.jquery.com/jQuery.get

Collectives™ on Stack Overflow

JQuery Sending value using GET not working

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related