Skip to main content
se añadieron 577 caracteres en el cuerpo
Origen Enlace
Mariano
  • 24.5k
  • 20
  • 76
  • 105

1. Supongamos un HTML así:

<html>
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script type="text/javascript" src="grabarbd.js"></script>
  </head>

  <body>
    <input type="button" value="Grabar en BD" onclick="grabarBD();">
  </body>
</html> 

2. En JavaScriptgrabarbd.js, enviar el array por POST

function grabarBD() {
    // Datos como tiene el usuario
    var user_online = ["Pedro", "Juan", "Carlos"];
    var id = 1; //el id con el que quieras guardar

    // Convertir a objeto
    var data = {};
    data.user_online = user_online;
    data.id = id;

    // enviar por POST mediante AJAX
    var url = 'grabarbd.php';   //este es el PHP al que se llama por AJAX
    $.ajax({
        method: 'POST',
        url: url,
        data: data,   //acá están todos los parámetros (valores a enviar) del POST
        success: function(response){
            // MostrarSe ejecuta al finalizar
            //   mostrar si está OK en consola
            console.log(response);
        }
    });
}

23. En grabarbd.php, se recibe el valor y se graba en la base

if (isset($_POST['id']) && !empty($_POST['id']) && isset($_POST['user_online']) && !empty($_POST['user_online'])) {
    // Datos recibidos
    $id = $_POST['id'];
    $user_online = implode(', ', $_POST['user_online']);

    //Datos de conexión a la base
    $host = "localhost";
    $usuario = "usuario";
    $clave = "clave";
    $basedatos = "NombreBaseDeDatos";
    $tabla = "NombreDeTabla";

    // Conectar a la base
    //  la variable $pdo$myslqi contendrá el objeto con la conexión PDO
    $pdo$mysqli = new PDOmysqli_connect("mysql:host=$host;dbname=$basedatos"$host, $usuario, $clave, $basedatos);
    $pdo->setAttributeif (PDO::ATTR_ERRMODE,mysqli_connect_errno($mysqli)) PDO:{
        die( "Error al conectar a MySQL:ERRMODE_EXCEPTION " . mysqli_connect_error() );
    }

    // insert en la base
    $sentencia = $pdo$mysqli->prepare("INSERT INTO $tabla (id, User_Online) VALUES (:id?, :user_online?)");
    $sentencia->bindParam>bind_param(":id""is", $id, PDO::PARAM_INT);
    $sentencia->bindParam(":user_online", $user_online, PDO::PARAM_STR);
    $sentencia->execute();
    
    // Cerrar la conexión
    $sentencia = null;
    $pdo$mysqli = null;
    
    // Devolver una respuesta a JavaScript
    echo "Se grabó el id = $id, con User_Online = $user_online";
}

1. En JavaScript, enviar el array por POST

function grabarBD() {
    // Datos como tiene el usuario
    var user_online = ["Pedro", "Juan", "Carlos"];
    var id = 1; //el id con el que quieras guardar

    // Convertir a objeto
    var data = {};
    data.user_online = user_online;
    data.id = id;

    // enviar por POST mediante AJAX
    var url = 'grabarbd.php';
    $.ajax({
        method: 'POST',
        url: url,
        data: data,
        success: function(response){
            // Mostrar si está OK en consola
            console.log(response);
        }
    });
}

2. En grabarbd.php, se recibe el valor y se graba en la base

if (isset($_POST['id']) && !empty($_POST['id']) && isset($_POST['user_online']) && !empty($_POST['user_online'])) {
    // Datos recibidos
    $id = $_POST['id'];
    $user_online = implode(', ', $_POST['user_online']);

    //Datos de conexión a la base
    $host = "localhost";
    $usuario = "usuario";
    $clave = "clave";
    $basedatos = "NombreBaseDeDatos";
    $tabla = "NombreDeTabla";

    // Conectar a la base
    //  la variable $pdo contendrá el objeto con la conexión PDO
    $pdo = new PDO("mysql:host=$host;dbname=$basedatos", $usuario, $clave);
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

    // insert en la base
    $sentencia = $pdo->prepare("INSERT INTO $tabla (id, User_Online) VALUES (:id, :user_online)");
    $sentencia->bindParam(":id", $id, PDO::PARAM_INT);
    $sentencia->bindParam(":user_online", $user_online, PDO::PARAM_STR);
    $sentencia->execute();
    
    // Cerrar la conexión
    $sentencia = null;
    $pdo = null;
    
    // Devolver una respuesta a JavaScript
    echo "Se grabó el id = $id, con User_Online = $user_online";
}

1. Supongamos un HTML así:

<html>
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script type="text/javascript" src="grabarbd.js"></script>
  </head>

  <body>
    <input type="button" value="Grabar en BD" onclick="grabarBD();">
  </body>
</html> 

2. En grabarbd.js, enviar el array por POST

function grabarBD() {
    // Datos como tiene el usuario
    var user_online = ["Pedro", "Juan", "Carlos"];
    var id = 1; //el id con el que quieras guardar

    // Convertir a objeto
    var data = {};
    data.user_online = user_online;
    data.id = id;

    // enviar por POST mediante AJAX
    var url = 'grabarbd.php';   //este es el PHP al que se llama por AJAX
    $.ajax({
        method: 'POST',
        url: url,
        data: data,   //acá están todos los parámetros (valores a enviar) del POST
        success: function(response){
            // Se ejecuta al finalizar
            //   mostrar si está OK en consola
            console.log(response);
        }
    });
}

3. En grabarbd.php, se recibe el valor y se graba en la base

if (isset($_POST['id']) && !empty($_POST['id']) && isset($_POST['user_online']) && !empty($_POST['user_online'])) {
    // Datos recibidos
    $id = $_POST['id'];
    $user_online = implode(', ', $_POST['user_online']);

    //Datos de conexión a la base
    $host = "localhost";
    $usuario = "usuario";
    $clave = "clave";
    $basedatos = "NombreBaseDeDatos";
    $tabla = "NombreDeTabla";

    // Conectar a la base
    //  la variable $myslqi contendrá el objeto con la conexión
    $mysqli = mysqli_connect($host, $usuario, $clave, $basedatos);
    if (mysqli_connect_errno($mysqli)) {
        die( "Error al conectar a MySQL: " . mysqli_connect_error() );
    }

    // insert en la base
    $sentencia = $mysqli->prepare("INSERT INTO $tabla (id, User_Online) VALUES (?, ?)");
    $sentencia->bind_param("is", $id, $user_online );
    $sentencia->execute();
    
    // Cerrar la conexión
    $sentencia = null;
    $mysqli = null;
    
    // Devolver una respuesta a JavaScript
    echo "Se grabó el id = $id, con User_Online = $user_online";
}
Origen Enlace
Mariano
  • 24.5k
  • 20
  • 76
  • 105

Para enviar un array de JavaScript, usando AJAX de jQuery, recibirla en PHP y grabarla en MySQL, se utilizan los siguientes pasos:

1. En JavaScript, enviar el array por POST

function grabarBD() {
    // Datos como tiene el usuario
    var user_online = ["Pedro", "Juan", "Carlos"];
    var id = 1; //el id con el que quieras guardar

    // Convertir a objeto
    var data = {};
    data.user_online = user_online;
    data.id = id;

    // enviar por POST mediante AJAX
    var url = 'grabarbd.php';
    $.ajax({
        method: 'POST',
        url: url,
        data: data,
        success: function(response){
            // Mostrar si está OK en consola
            console.log(response);
        }
    });
}

2. En grabarbd.php, se recibe el valor y se graba en la base

if (isset($_POST['id']) && !empty($_POST['id']) && isset($_POST['user_online']) && !empty($_POST['user_online'])) {
    // Datos recibidos
    $id = $_POST['id'];
    $user_online = implode(', ', $_POST['user_online']);

    //Datos de conexión a la base
    $host = "localhost";
    $usuario = "usuario";
    $clave = "clave";
    $basedatos = "NombreBaseDeDatos";
    $tabla = "NombreDeTabla";

    // Conectar a la base
    //  la variable $pdo contendrá el objeto con la conexión PDO
    $pdo = new PDO("mysql:host=$host;dbname=$basedatos", $usuario, $clave);
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

    // insert en la base
    $sentencia = $pdo->prepare("INSERT INTO $tabla (id, User_Online) VALUES (:id, :user_online)");
    $sentencia->bindParam(":id", $id, PDO::PARAM_INT);
    $sentencia->bindParam(":user_online", $user_online, PDO::PARAM_STR);
    $sentencia->execute();
    
    // Cerrar la conexión
    $sentencia = null;
    $pdo = null;
    
    // Devolver una respuesta a JavaScript
    echo "Se grabó el id = $id, con User_Online = $user_online";
}

Nota: este es un ejemplo que muestra la funcionalidad básica. Se le debe agregar el tratamiento de posibles errores.