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
– Dan Dinu, Commented Sep 25, 2011 at 7:55

Darin Dimitrov · Accepted Answer · 2011-09-25 08:17:40Z

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, 2011 at 8:17

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

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

1 Comment

Don Cheadle Over a year ago

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.

daryl · Accepted Answer · 2011-09-25 07:47:48Z

10

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.

answered Sep 25, 2011 at 7:47

daryl

15.3k21 gold badges70 silver badges93 bronze badges

Comments

Mikeys4u · Accepted Answer · 2013-08-22 01:27:03Z

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, 2013 at 1:27

Mikeys4u

1,56219 silver badges27 bronze badges

1 Comment

Norbert Over a year ago

I have a function that returns the parameters for my $.get. Removing the curly brackets solved my issue. Thanks!

Aakash · Accepted Answer · 2016-06-11 05:09:18Z

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, 2016 at 5:09

answered Jun 11, 2016 at 4:56

Aakash

24.1k7 gold badges110 silver badges89 bronze badges

Collectives™ on Stack Overflow

How to send parameters with jquery $.get()

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related