Jquery ajax call with '+' sign.

Question

Hi, I'm doing this:

$.ajax({  
    type: "POST", url: baseURL+"sys/formTipi_azioni",data:"az_tipo="+azione,
    beforeSend: function(){$("#form").html('<p><img src="'+baseURL+'lib/img/ajax-loader.gif" width="16" height="16" alt="loading" /><p>');},
    success: function(html){$("#form").html(html);}  
 });

there is a case when azione is

TB+ 

the plus sign doesn't get POSTed at all, a blank space get sent. I already tried this:

azione = escape(String(azione));

With no luck. Does anybody knows how to fix this?

Thank you

Answer 1

Never use escape(). Use encodeURIComponent().

Answer 2

azione = escape(String(azione));

should be

azione = encodeURIComponent(String(azione));

or simply

azione = encodeURIComponent(azione);

Answer 3

you need encodeURIComponent

Answer 4

Instead of trying to compose the post data yourself, you can also let jQuery do the work by passing it an object:

$.ajax({  
    type: "POST", url: baseURL+"sys/formTipi_azioni",
    data: {az_tipo: azione},
    beforeSend: function(){$("#form").html('<p><img src="'+baseURL+'lib/img/ajax-loader.gif" width="16" height="16" alt="loading" /><p>');},
    success: function(html){$("#form").html(html);}  
 });

Answer 5

Try this:

$.ajax({  
    type: "POST", 
    url: baseURL + "sys/formTipi_azioni",
    data: { az_tipo: azione },
    beforeSend: function(){
        $("#form").html('<p><img src="'+baseURL+'lib/img/ajax-loader.gif" width="16" height="16" alt="loading" /><p>');
    },
    success: function(html){
        $("#form").html(html);
    }  
});

and leave jQuery do the url encoding for you.