How to send parameters with jquery $.get()

Question

I'm trying to do a jquery GET and i want to send a parameter.

here's my function:

$(function() {
    var availableProductNames;
    $.get("manageproducts.do?option=1", function(data){
        availableProductNames = data.split(",");;
        alert(availableProductNames);
        $("#nameInput").autocomplete({
            source: availableProductNames
        });
    });
});

This doesn't seem to work; i get a null in my servlet when i use request.getParameter("option");

If i type the link into the browser http://www.myite.com/manageproducts.do?option=1 it works perfectly.

I also tried:

$.get(
    "manageproducts.do?",
    {option: "1"},
    function(data){}

which doesn't work either.

Can you please help me?

EDIT:

also tried

       $.ajax({
      type: "GET",
      url: "manageproducts.do",
     data: "option=1",
     success: function(msg){
        availableProductNames = msg.split(",");
        alert(availableProductNames);
        $("#nameInput").autocomplete({
        source: availableProductNames
    });   
     }
      });

Still getting the same result.

you were right i had a typo. it works with $.get("manageproducts.do", {option: "1"}, function(data){ — Dan Dinu, Sep 25 '11 at 07:55

score 71 · Accepted Answer · answered Sep 25 '11 at 08:17

71

If you say that it works with accessing directly manageproducts.do?option=1 in the browser then it should work with:

$.get('manageproducts.do', { option: '1' }, function(data) {
    ...
});

as it would send the same GET request.

answered Sep 25 '11 at 08:17

Darin Dimitrov

1,023,142
271
3,287
2,928

I was trying to pass an object into .get(), with the info as properties of that object. But as this answer shows, don't pass an object. – Don Cheadle Mar 01 '19 at 20:14

score 10 · Answer 2 · answered Sep 25 '11 at 07:47

Try this:

$.ajax({
    type: 'get',
    url: 'manageproducts.do',
    data: 'option=1',
    success: function(data) {

        availableProductNames = data.split(",");

        alert(availableProductNames);

    }
});

Also You have a few errors in your sample code, not sure if that was causing the error or it was just a typo upon entering the question.

score 4 · Answer 3 · answered Aug 22 '13 at 01:27

4

I got this working : -

$.get('api.php', 'client=mikescafe', function(data) {
...
});

It sends via get the string ?client=mikescafe then collect this variable in api.php, and use it in your mysql statement.

answered Aug 22 '13 at 01:27

Mikeys4u

1,494
18
26

I have a function that returns the parameters for my `$.get`. Removing the curly brackets solved my issue. Thanks! – Norbert Nov 27 '13 at 10:26

Aakash · Answer 4 · 2016-06-11T05:09:18.007

3

This is what worked for me:

$.get({
    method: 'GET',
    url: 'api.php',
    headers: {
        'Content-Type': 'application/json',
    },
    // query parameters go under "data" as an Object
    data: {
        client: 'mikescafe'
    }
});

will make a REST/AJAX call - > GET http://localhost:3000/api.php?client=mikescafe

Good Luck.

edited Jun 11 '16 at 05:09

answered Jun 11 '16 at 04:56

Aakash

21,375
7
100
81

How to send parameters with jquery $.get()

4 Answers4

Linked