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.

Answer 1

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.

Answer 2

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.