tengo un formulario html que envia datos via $.get hacia un php que procesa todo, pero antes de enviarlo guardo cada valor en una variable para luego armar una cadena y asi enviarselo al php:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="nombre">
<input id="apellido">
<select id="cargo"><option value="1">User</option><option value="2">Admin</option></select>
<button id="procesar">Procesar</button>
<script>
$("#procesar").on("click",function(){
let nombre = $("#nombre").val();
let apellido = $("#apellido").val();
let cargo = $("#cargo").val();
var data_proc = "nombre="+nombre+"&apellido="+apellido+"&cargo="+cargo;
alert(data_proc);
$.ajax({type: "POST",url: "procesar.php",data: data_proc,dataType: "html",
success: function(respuesta){
alert(respuesta);
}
});
});
</script>
todo funciona bien hasta que el cliente envia un caracter como &
dentro de cualquier input, alli me altera todo el sistema ya que el $.get detecta lo que sigue despues de &
como un parametro en la url.
Notas:
- este es un codigo para explicar mi pregunta, no es algo real ya que obviamente yo valido las entradas.
- no quisiera reemplazar el
&
por otro caracter y luego en el php volverlo a reemplazar ya que esto es poco ortodoxo
Mi Pregunta es: ahy una forma de enviar mis val()
directamente y sin almacenarlas en una variable, no uso el submit porque dentro de mi script tengo condicionales que cambian el valor de las entradas
&
es uno de ellos! Por eso precisamente se utiliza el percent encoding para estas cosas. En el enlace de la documentación de mozilla puedes ver con qué caracteres tienes que tener cuidado.