Mysql
 sql >> Database >  >> RDS >> Mysql

ottenere dati dal database mysql da utilizzare in javascript

Probabilmente il modo più semplice per farlo è avere un file php che restituisca JSON. Quindi supponiamo che tu abbia un file query.php ,

$result = mysql_query("SELECT field_name, field_value
                       FROM the_table");
$to_encode = array();
while($row = mysql_fetch_assoc($result)) {
  $to_encode[] = $row;
}
echo json_encode($to_encode);

Se sei costretto a usare document.write (come noterai nei commenti qui sotto), assegna ai tuoi campi un attributo id in questo modo:<input type="text" id="field1" /> . Puoi fare riferimento a quel campo con questo jQuery:$("#field1").val() .

Ecco un esempio completo con l'HTML. Se assumiamo che i tuoi campi siano chiamati field1 e field2 , quindi

<!DOCTYPE html>
<html>
  <head>
    <title>That's about it</title>
  </head>
  <body>
    <form>
      <input type="text" id="field1" />
      <input type="text" id="field2" />
    </form>
  </body>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  <script>
    $.getJSON('data.php', function(data) {
      $.each(data, function(fieldName, fieldValue) {
        $("#" + fieldName).val(fieldValue);
      });
    });
  </script>
</html>

Questo è l'inserimento dopo che l'HTML è stato costruito, il che potrebbe essere più semplice. Se intendi popolare i dati mentre stai costruendo dinamicamente l'HTML, vorresti comunque che il file PHP restituisca JSON, dovresti semplicemente aggiungerlo direttamente nel value attributo.