0

Como puedo pasar variables a php desde javascript sin usar ni jquery ni ajax

Usando jquery y ajax para pasar variables seria algo como esto:

<script>
var nombre = $("#nombreVal").val();
var apellido_paterno = $("#apellido_paternoVal").val();
var apellido_materno = $("#apellido_maternoVal").val();
var correo = $("#correoVal").val();
var telefono = $("#telefonoVal").val();

$.ajax({
    type: "POST",
    url: "../includes/acciones/cliente/insert.php",
    data: "nombre=" + nombre + "&apellido_paterno=" + apellido_paterno 
          + "&apellido_materno=" + apellido_materno 
          + "&correo=" + correo + "&telefono=" + telefono, 
    success: function(data)
    {   
      if(data > 0)
        window.location.reload(true);
      else
        alert("Error al registrar al cliente");
    }           
});
</script>

Pero esto como lo puedo hacer usando solo javascript??

4
  • Jorge bienvenido. Creo que debes aclarar tu pregunta. No es lo mismo decir: sin usar jQuery y Ajax que decir sin usar [ni] jQuery ni Ajax. Más simple: ¿no quieres usar Ajax de ninguna de las maneras? Si es así, puedes pasar las variables por PHP mismo, pero debes saber que a cada paso de variable tendrás que recargar la página. Lo mejor para esto es usar Ajax.
    – A. Cedano
    Commented el 31 oct. 2018 a las 19:29
  • @A.Cedano yo pienso que lo mejor para este caso es usar ajax, pero últimamente he visto varios artículos que dicen que jquery ya esta dejando de ser usado y ahora se esta empezando a usar javascript puro porque actualmente la mayoría de los exploradores ya son compatibles con este lenguaje, es por eso que quiero saber como pasar variables a php usando solo javascript
    – user105523
    Commented el 31 oct. 2018 a las 19:36
  • Ah ya, es que no entendía bien si querías usar Ajax o no. Pero, me temo que tu pregunta es duplicada de duplicada. Creo que revisando las respuestas a esas dos preguntas encontrarás varias formas de hacer peticiones Ajax prescindiendo de jQuery. Y estoy de acuerdo contigo. Hay algunas páginas que trata sobre esto, como por ejemplo You might not need jQuery
    – A. Cedano
    Commented el 31 oct. 2018 a las 19:41
  • 1
    Posible duplicado de ¿Cómo realizar una llamada AJAX sin bibliotecas?. Ver también las respuestas a la pregunta: Enviar datos al servidor mediante Ajax sin usar librerías tales como jQuery -duplicada-
    – A. Cedano
    Commented el 31 oct. 2018 a las 19:42

1 respuesta 1

0

con jquery ajax:

   <script>
/// combierte todo los campos dentro de  <form></form> a formato url
    var datos = $( "form" ).serialize();

$.ajax({
    type: "POST",
    url: "http://localhost/includes/acciones/cliente/insert.php",
    data: datos, 
    success: function(data)
    {   
      if(data > 0)
        window.location.reload(true);
      else
        alert("Error al registrar al cliente");
    }           
});
</script>

sin jquery:

<form action="http://localhost/includes/acciones/cliente/insert.php" method="post">
  First name:<br>
  <input type="text" name="nombre"><br>
  Last name:<br>
  <input type="text" name="apellido">
  etc....
</form>