jQuery ajax() and cakePHP urls

Question

I'm trying to call the 'tariff' action of my 'countries' controller using jQuery ajax() and pass it a country name in the following format:

/countries/tariff/countryname

however, with the following code ( set to GET ), it is calling this with the get '?' added:

/countries/tariff/?countryname

$(document).ready(function(){
    $('#CountriesIndexForm select').change(function(){   
     $.ajax({
      type: "GET",

      url: "/countries/tariff/",

      data: escape($(this).val()),

      success: function(html){

       $(this).parent().next('div').html(html);

      }
     });
    }); 
});

I understand its because the type: is set to GET, but is there a fix for this?

Answer 1

make url manually

url: "/countries/tariff/"+escape($(this).val())

Answer 2

You need to append that to the url parameters and leave out data, i.e.:

url: "/countries/tariff/" + $(this).val(),

Answer 3

Pass the parameter directly in the url field instead of using data

$(document).ready(function(){    
   $('#CountriesIndexForm select').change(function(){                          
      $.ajax({                
          type: "GET",                
             url: "/countries/tariff/" + escape($(this).val()),                
             success: function(html){                        
                  $(this).parent().next('div').html(html);                
             }        
      });    
    }); 
});

Answer 4

and if i want to send something secret like password to server? is there any other way?