Como enviar dados de JavaScript para um banco de dados MySQL

JavaScript, ao contrário de outras linguagens de programação, não pode se comunicar diretamente com bancos de dados MySQL devido aos seus diferentes ambientes operacionais. O JavaScript opera no lado do cliente (em navegadores web), enquanto os bancos de dados residem no lado do servidor. Para preencher essa lacuna, uma linguagem intermediária do lado do servidor, como PHP, Java, .Net ou Node.js, deve ser empregada para a consulta ao banco de dados.

Solução

Siga estas etapas para conectar-se JavaScript, PHP e MySQL:

1. Escreva um script PHP (por exemplo, phpfile.php) que sirva como intermediário entre JavaScript e MySQL. Este script receberá dados de JavaScript por meio de solicitações POST e realizará as operações de banco de dados.
2. Em seu código JavaScript, use AJAX (Asynchronous JavaScript and XML) para enviar dados para o script PHP. Você pode usar a biblioteca jQuery para simplificar chamadas AJAX.
3. No script PHP, use MySQLi ou PDO para conectar-se ao banco de dados e executar consultas.

Código de exemplo

HTML/JavaScript

Count
0

PHP (phpfile.php)

query("INSERT INTO table_name (count) VALUES ('$count')");

// Close the database connection
$mysqli->close();

Nota

Lembre-se de modificar os parâmetros de conexão (host, nome de usuário, senha, nome_do_banco de dados) no script PHP para corresponder à configuração do seu banco de dados. Além disso, certifique-se de criar o banco de dados, a tabela e as colunas necessárias antes de executar as consultas.