obtenir des données à partir de bases de données mysql à utiliser en javascript

J'ai un code javascript qui construit dynamiquement une page html. Dans la page html il y a textarea boîtes de l'utilisateur de taper des informations dans. L'information existe déjà dans une base de données. Je voudrais remplir le textarea des boîtes avec la base de données dans la base de données mysql.
J'ai du code php qui se connecte à la base de données et de construire un tableau html avec les données, donc je sais comment faire avec php, mais je ne sais pas comment faire cela dans le javascrip. J'ai étudié à l'ajax requêtes get, etc., mais je ne suis toujours pas sûr de la façon de faire.

OriginalL'auteur user1892770 | 2011-04-06

  1. 20

    Probablement la façon la plus simple de le faire est d'avoir un fichier php de retour JSON. Donc, disons que vous avez un fichier 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);

    Si vous êtes contraint à l'aide de document.écrire (comme vous le notez dans les commentaires ci-dessous) puis donnez vos champs d'un attribut d'id comme ceci: <input type="text" id="field1" />. Vous pouvez faire référence à ce champ avec cette jQuery: $("#field1").val().

    Voici un exemple complet avec le HTML. Si nous partons du principe que vos champs sont appelés field1 et field2, puis

    <!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>

    Que l'insertion, après le HTML a été construit, ce qui pourrait être plus facile. Si vous voulez charger les données pendant que vous êtes de manière dynamique de la construction de l'HTML, alors vous feriez voulez toujours le fichier PHP de retour JSON, vous serait-il suffit de l'ajouter directement dans le value attribut.

    J'ai essayé plusieurs fois d'ajouter mon code est cette zone de commentaire à l'aide de "code" et des variantes comme [code], mais tout le code qui se termine dans un grand blog. Savez-vous comment je peux obtenir le mini-Markdown mise en forme à utiliser pour le code? Ma question est, puis-je utiliser jQuery dans le milieu de mon code javascript? Comme dans le milieu de la fonction qui est en boucle sur les lignes et la création de la textarea boîtes. Le code est à l'aide de document.écrire pour faire les lignes de la table et de cellules.
    Dans le jQuery ci-dessus, dont les paroles de je l'ai remplacer par le mot spécifique pour ma base de données. Puis-je laisser des "données"? Dois-je remplacer "clé" avec la FSymbol qui est le titre de la colonne pour la valeur dans la base de données mySql pour le Fonds des Symboles, je suis de l'extraction. Puis-je remplacer la "valeur"? Aussi loin que le remplissage d'entrées, dois-je écrire que comme ceci: document.écrire(valeur);
    Aussi, je suis en cours d'exécution du javascript à partir de mon disque dur, il en sera de ce travail si j'ai ajouter le chemin d'accès complet pour le query.php, comme ceci: http:\\www.mywebsite.com\query.php

    OriginalL'auteur wlangstroth

  2. 1

    À voir avec javascript, vous pourriez faire quelque chose comme ceci:

    <script type="Text/javascript">
var text = <?= $text_from_db; ?>
</script>

    Alors vous pouvez utiliser ce que vous voulez dans votre javascript pour mettre le texte var dans la zone de texte.

    OriginalL'auteur Josh

  3. 1

    Avez-vous vraiment besoin de "construire" à partir de javascript ou vous pouvez simplement retourner le construit HTML, de PHP et de l'insérer dans le DOM?

    1. Envoyer une requête AJAX vers un script php
    2. Script PHP processus de demande et construit le tableau
    3. Script PHP envoie une réponse de retour à la JS en forme de HTML codé
    4. JS prend réponse et l'insère dans le DOM
    Merci à tous pour votre aide. Je vais essayer de re-faire dans un fichier php et d'exécuter du code à partir du serveur et de la construction de la page html du code php, puis allez dans le javascript pour d'autres fonctions après la page html est créée et remplie avec les données de la base de données

    OriginalL'auteur Matt

  4. 0

    Vous ne peut pas le faire avec Javascript. Vous aurez besoin d'un certain code côté serveur (PHP, dans votre cas) qui sert de proxy entre le DB et le code côté client.

    OriginalL'auteur Mike Baranczak