Bienvenido a nuestro sitio, en este sitio encontrarás la resolución de lo que estabas buscando.
Solución:
JavaScript, como se define en su pregunta, no puede funcionar directamente con MySql. Esto se debe a que no se está ejecutando en la misma computadora.
JavaScript se ejecuta en el lado del cliente (en el navegador) y las bases de datos generalmente existen en el lado del servidor. Probablemente necesitará usar un lenguaje intermedio del lado del servidor (como PHP, Java, .Net o una pila de JavaScript del lado del servidor como Node.js) para realizar la consulta.
Aquí hay un tutorial sobre cómo escribir un código que uniría PHP, JavaScript y MySql, con código ejecutándose tanto en el navegador como en un servidor:
http://www.w3schools.com/php/php_ajax_database.asp
Y aquí está el código de esa página. No coincide exactamente con su escenario (hace una consulta y no almacena datos en la base de datos), pero podría ayudarlo a comenzar a comprender los tipos de interacciones que necesitará para que esto funcione.
En particular, preste atención a estos fragmentos de código de ese artículo.
Bits de Javascript:
xmlhttp.open("GET","getuser.php?q="+str,true);
xmlhttp.send();
Bits de código PHP:
mysql_select_db("ajax_demo", $con);
$result = mysql_query($sql);
// ...
$row = mysql_fetch_array($result)
mysql_close($con);
Además, después de entender cómo funciona este tipo de código, le sugiero que use la biblioteca jQuery JavaScript para hacer sus llamadas AJAX. Es mucho más limpio y más fácil de manejar que el soporte AJAX integrado, y no tendrá que escribir código específico del navegador, ya que jQuery tiene soporte integrado para varios navegadores. Aquí está la página para la documentación de la API jQuery AJAX.
El código del artículo.
Código HTML/Javascript:
Person info will be listed here.
código PHP:
Firstname
Lastname
Age
Hometown
Job
";
while($row = mysql_fetch_array($result))
echo "";
echo "" . $row['FirstName'] . " ";
echo "" . $row['LastName'] . " ";
echo "" . $row['Age'] . " ";
echo "" . $row['Hometown'] . " ";
echo "" . $row['Job'] . " ";
echo " ";
echo "";
mysql_close($con);
?>
Tendrá que enviar estos datos al servidor de alguna manera. Supongo que no desea volver a cargar una página completa cada vez que un usuario hace clic en un enlace, por lo que tendrá que usar XHR (AJAX). Si no está utilizando jQuery (o alguna otra biblioteca JS), puede leer este tutorial sobre cómo hacer la solicitud XHR “a mano”.
Aquí puedes ver las reseñas y valoraciones de los lectores
Acuérdate de que tienes la capacidad de decir .