Ampersand (&) carácter dentro de un valor de jQuery AJAX solicitud de datos opción

Question

Estoy realizando asincrónica HTTP (Ajax) solicitudes a través de jQuery con el básico $ .ajax(). El código es el siguiente:

$("textarea").blur(function(){ 
    var thisId = $(this).attr("id"); 
    var thisValue = $(this).val(); 

    $.ajax({ 
     type: "POST", 
     url: "some.php", 
     data: "id=" + thisId + "&value=" + thisValue, 
     success: function(){ 
     alert("Saved successfully!"); 
     } 
    }); 

}); 

todo está funcionando correctamente, como de costumbre, hasta el usuario escribe en el interior área de texto y comercial (&) carácter. Que cuando depuro la función PHP, que guarda el valor, siempre tiene un valor hasta este carácter.

Creo que tiene que haber una solución para omitir el ampersand (&) de alguna manera. ¿Algunas ideas?

Answer 1

En lugar de:

data: "id=" + thisId + "&value=" + thisValue 

hacer:

data: { id: thisId, value: thisValue } 

De esta manera jQuery se encargará de codificar correctamente los valores de URL. concatenaciones de cadenas son la raíz de todo el mal :-)

Answer 2

sólo tiene que utilizar la función de JavaScript encodeURIComponent():

$("textarea").blur(function(){ 
    var thisId = $(this).attr("id"); 
    var thisValue = $(this).val(); 

    $.ajax({ 
     type: "POST", 
     url: "some.php", 
     data: "id=" + thisId + "&value=" + encodeURIComponent(thisValue), 
     success: function(){ 
     alert("Saved successfully!"); 
     } 
    }); 

}); 

Answer 3

recomendamos que utilice el solution provided by Darin anterior, si es posible; de esta forma, puedes reutilizar el código bien probado para construir POST datos.

Pero si realmente, realmente, realmente necesita usar la concatenación de cadenas (en este caso, o en otra parte en su aplicación cuando la construcción de cadenas de consulta o POST datos fuera de las entradas del usuario), es necesario utilizar encodeURIComponent:

$("textarea").blur(function(){ 
    var thisId = $(this).attr("id"); 
    var thisValue = $(this).val(); 

    $.ajax({ 
     type: "POST", 
     url: "some.php", 
     data: "id=" + encodeURIComponent(thisId) + "&value=" + encodeURIComponent(thisValue), 
     success: function(){ 
     alert("Saved successfully!"); 
     } 
    }); 
}); 

De forma predeterminada al enviar un POST con jQuery.ajax, está enviando datos con el tipo de contenido application/x-www-form-urlencoded, lo que significa que está prometiendo que los datos están codificados de esa manera. Debe asegurarse de mantener su parte del trato y codificarlo realmente. Esto no es solo importante para ampersands.

Answer 4

$.ajax({ 

    type:'POST', 
dataType: "text", 
    url:'save.php', 
    data:'_id='+$('#id').val()+'&title='+$('#title').val(), 
?? 
data: { id: thisId, value: thisValue }