J'ai besoin d'un exemple de JavaScript pour interroger MySQL et afficher le résultat lors de la mise à jour de la liste déroulante.

Question

J'ai une boîte combo qui sera chargée avec une liste de choix. Lorsque l'utilisateur sélectionne un choix, j'ai besoin d'un JavaScript pour simplement exécuter une requête MySql (évidemment basée sur le choix de l'utilisateur dans la liste déroulante) qui renverra une valeur simple et discrète qui devra ensuite être affichée sur la page à côté de la liste déroulante.

La requête n'est rien d'autre que SELECT foo FROM tblexample WHERE id = blah (où blah est la valeur de la boîte combo). La valeur sera un simple nombre. Si l'utilisateur choisit une nouvelle valeur, la requête doit être renouvelée et le résultat affiché.

Je suis ouvert à la lecture de l'ensemble du tableau au chargement de la page dans un tableau ou autre. Je travaille en PHP mais je ne connais pas le Javascript ; j'espérais seulement un peu d'échantillon de code ; je peux lire et extrapoler la plupart du temps.

Je ne voulais pas mettre un bouton d'envoi dans un formulaire et obliger l'utilisateur à le faire à chaque fois qu'il regarde un nouveau choix dans la liste déroulante. Je voulais un affichage plus transparent et plus rapide pour eux.

Answer 1

JavaScript est un langage côté client. Il n'exécutera pas les requêtes MySQL (en toute sécurité, du moins). Utilisez PHP pour créer dynamiquement le HTML et le JavaScript de la liste déroulante.

PHP a un une section entière de leur documentation réservé à MySQL.

Answer 2

Je pense que vous cherchez en fait une référence en matière de programmation Ajax en utilisant PHP en back-end et javascript en front-end.

Je vous recommande d'envisager d'utiliser l'un des excellents cadres de développement Javascript. Les meilleurs candidats seraient JQuery ou Prototype. Ils vous offrent tous deux de solides bibliothèques pour simplifier la programmation en javascript.

Plutôt que de travailler avec des exemples de code, vous irez probablement beaucoup plus loin en développant une expertise en javascript. Ajax est compliqué, et vous devrez au moins acquérir des compétences de base avant de pouvoir commencer à intégrer javascript et PHP.

Voici une bonne requête pour commencer - je vous recommande de commencer par JQuery si vous devez en choisir une.

http://www.google.com/search?sourceid=chrome&ie=UTF-8&q=ajax+php+jquery+tutoriel

Answer 3

Une fois que vous aurez commencé à utiliser jQuery comme Tim l'a mentionné, vous pourrez le faire,

La boîte de sélection,

<form name="formName" action="" method="">
  <select name="selName">
   <option value={uniqueId}>Option 1</option>
  </select>
</form>
<p class="displayMsg">No message to display.... yet</p>

Le javascript et jQuery dans une balise script de la balise head,

$(document).ready(function() {
 $('select[name=selName]').change(function() {
  function processData(data, success) {
   ...do something with the query results echoed into var data...such as
   $('p.displayMsg').txt(data); // which will update the text node of the p tag class displayMsg
  } // end function processData
  var formData = $('form[name=formName]').serialize(); // this will encode the variables from the form to pass into post headers. You can access in your ajax called script with $_POST['selName']
  $.post('phpAjaxProcessScript.php',formData,processDataClose); // sends data to script and when it's done it calls function processData
 }); // end select change event function call
}); // end document ready event function call