0

Buenas, sucede que tengo 2 arrays y 2 variables, las cuales necesito enviar via POST, hasta el momento tengo esto:

$.ajax({
            type: "POST",
            url: "saveAsistencia.php",
            data: {'array':JSON.stringify(asistencia)},
            dataType: "html",
            error: function(){
            alert("error al hacer consulta");
            },
            success: function(data){ 

            $("#response").empty();
            $("#response").append(data);                                                             
            }
      }); 
   }

eso es para enviar un array tengo entendido, pero si quiero enviar 2 arrays mas variables, como debería hacerlo? gracias por las respuestas :)

EDIT : Disculpen, me faltó agregar, como lo recibo en php? gracias de nuevo

4 respuestas 4

3

AJAX

JavaScript Asíncrono y XML (AJAX) no es una tecnología por sí misma, es un término que describe un nuevo modo de utilizar conjuntamente varias tecnologías existentes. Esto incluye: HTML o XHTML, CSS, JavaScript, DOM, XML, XSLT, y el objeto XMLHttpRequest. Cuando estas tecnologías se combinan en un modelo AJAX, es posible lograr aplicaciones web capaces de actualizarse continuamente sin tener que volver a cargar la página completa. Esto crea aplicaciones más rápidas y con mejor respuesta a las acciones del usuario.


¿Qué es AJAX?

AJAX (JavaScript Asíncrono y XML) es un término nuevo para describir dos capacidades de los navegadores que han estado presentes por años, pero que habían sido ignoradas por muchos desarrolladores Web, hasta hace poco que surgieron aplicaciones como Gmail, Google suggest y Google Maps.

Las dos capacidades en cuestión son:

  • La posibilidad de hacer peticiones al servidor sin tener que volver a cargar la página.
  • La posibilidad de analizar y trabajar con documentos XML.

javascript

 //arrays
 var array1 = ['1','2']
 var array2 = ['3','4']

 //variables
 var variable1 = "hola mundo1"
 var variable2 = "hola mundo2"


/*JSON a Enviar*/
 var datos = {
   'array1':array1,
   'array2':array2,
   'variable1':variable1,
   'variable2':variable2
 }

 $.ajax({
        type: "POST",
        url: "saveAsistencia.php",
        data: datos,
        dataType: "json",
        error: function(){
        alert("error al hacer consulta");
        },
        success: function(data){ 

        $("#response").empty();
        $("#response").append(data);                                                             
        }
   }); 
}

PHP

 <?php
   echo $_GET["array1"]
 ?>

El data del success deberia mostrar el mismo array que pasaste como parametro espero te ayude saludos

6
  • interesante, lo voy a probar, gracias. Commented el 19 dic. 2017 a las 23:16
  • Prueba con este tutorial espero te ayude saludos Commented el 19 dic. 2017 a las 23:17
  • disculpa que te moleste, hago el echo a la variable y me lo muestra así 12341 , el array asumo que era así asistencia = [1,2,3,4,1], como lo puedo tener como array?, es que necesito los datos individuales.gracias. Commented el 19 dic. 2017 a las 23:46
  • quitale la función JSON.stringify() que cambia el array a string o eso intenta avísame a ver ya lo quite del ejemplo Commented el 19 dic. 2017 a las 23:49
  • eso era, muchas gracias. Commented el 20 dic. 2017 a las 0:02
1

Puedes hacerlo, agregandolos a la propiedad data del ajax.

$.ajax({
            type: "POST",
            url: "saveAsistencia.php",
            data: {'array':JSON.stringify(asistencia), 'array2':JSON.stringify(asistencia2), 'variable':valor1, 'variable2': valor2},
            dataType: "html",
            error: function(){
            alert("error al hacer consulta");
            },
            success: function(data){ 

            $("#response").empty();
            $("#response").append(data);                                                             
            }
      }); 
   }
0

Para enviar varios datos por AJAX solo completa la estructura JSON que ya tienes, así:

$.ajax({
        type: "POST",
        url: "saveAsistencia.php",
        data: {
         'array1' : JSON.stringify(asistencia),
         'array2' : JSON.stringify(asistencia),
         'variable1' : variable1,
         'variable2' : variable2
        },
        dataType: "html", 
        error: function(){
           alert("error al hacer consulta");
        },
        success: function(data){ 
           $("#response").empty();
           $("#response").append(data);                                                             
        }
  }); 

}

Recuerda definir el parametro async a la hora de realizar la petición para definir si hacerla asincrona o sincrona.

3
  • disculpa la ignorancia,pero para que es esa funcionalidad? Commented el 19 dic. 2017 a las 22:51
  • @alexigallegos cuando hace una petición puede definir si el script debe de esperar a que la petición se complete antes de continuar (sincrona) o por el contrario puede continuar aun si la petición no se a completado (asincrona).
    – Michael
    Commented el 19 dic. 2017 a las 22:55
  • gracias por la explicación. Commented el 19 dic. 2017 a las 22:57
0

Sería de la siguiente manera:

$.ajax({
            type: "POST",
            url: "saveAsistencia.php",
            data: {
                   array1:JSON.stringify(arreglo1),
                   array2:JSON.stringify(arreglo2),
                   variable1: "valor1",
                   variable2: "valor2"
            },
            dataType: "html",
            error: function(){
            alert("error al hacer consulta");
            },
            success: function(data){ 

            $("#response").empty();
            $("#response").append(data);                                                             
            }
      }); 
   }

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.