Home / Questions / 24230
Accepted
May
Asked: 2020-09-19 07:46:45 +0800 CST 2020-09-19 07:46:45 +0800 CST

如何通过 AJAX 将 jQuery 中存储变量的数据发送到 PHP 并使用 MySQLi 保存在数据库中？

  • 772

我正在制作一个关于有多少在线用户看到问题的示例：Pedro 和 Juan 以及另外一个人正在看到这个问题。该变量user_online存储在线用户的名称。我使用是因为我想通过 AJAX 刷新在线用户。

var user_online = ["Pedro", "Juan", "Carlos"];


我的问题是，当按下页面上的按钮时，如何发送该变量的值，收集 PHP 中的值并使用将其保存在数据库中，遵循以下结构：

 id    User_Online
----  ---------------------
 1     Pedro, Juan, Carlos
php

1 Answers

  1. Best Answer

    要从 JavaScript 发送数组，使用 jQuery AJAX，在 PHP 中接收它并将其保存在 MySQL 中，使用以下步骤：

    1. 假设一个 HTML 是这样的：

    <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. 在grabarbd.js中，通过 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. 在grabarbd.php中，值被接收并记录在基数中

    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";
}

    注意：这是一个显示基本功能的示例。必须增加对可能错误的处理。

    • 2