l'obtention de données de requête de base de données sql, javascript

J'ai un problème avec mon code.

cas comme celui-ci:

J'ai une liste déroulante, en cas de sélection "personnels" il semble que la nouvelle liste déroulante qui contient les données extraites à partir d'une requête de base de données, en cas de sélection de "public", puis le menu déroulant à disparaître.

Code HTML comme ceci:

<select name="use" class="dropdown" id="sender" onChange='changeSend()'>
     <option value=1>Public</option>
     <option value=0>Personal</option>
</select>

<div id='send2'></div>

Requête comme ceci:

<?php
    $query = mysql_query("select * from data where id_user = '$id_user' order by date asc");
    $i = 0;
    $id = array();
    $name = array();
    while($data = mysql_fetch_array($query)){
       //id from result database query
       $id[$i] = $data['id'];
       //name from result database query
       $name[$i] = $data['name'];
       $i++;
    }
?>

Code JavaScript comme ceci:

function changeSend() {
   var selectBox = document.getElementById("sender");
   var selectedValue = selectBox.options[selectBox.selectedIndex].value;
   if (selectedValue==0) {
       $('#send2').html("<select class='dropdown'><option value='-id from result database-'>-name from result database query-</option></select>");
   } else { 
    $('#send2').html('');
   }
}

Je ne sais pas comment envoyer de la valeur/le résultat ($id[0],$name[0],$id[1],$name[1], etc..) du code javascript(valeur de nom et sélectionnez options).

InformationsquelleAutor user3193610 | 2014-04-23
  1. 6

    En javascript, vous devez faire une ajax call à votre fichier php:

    var xmlhttp;
if (window.XMLHttpRequest)
  {//code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {//code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("send2").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","yourFile.php",true);
xmlhttp.send();

    Et dans votre fichier php, vous devez echo vos données au format JSON:

    echo json_encode(array('id'=>$id,'name'=>$name));

    Mise à JOUR
    dans votre cas, utilisez le code suivant:
    (pas testé)

    code php:

    <?php
    $query = mysql_query("select * from data where id_user = '$id_user' order by date asc");
    $i = 0;
    $options = array();
    while($data = mysql_fetch_array($query)){
       $options[$data['id']] =  $data['name'];
    }
    echo json_encode($options);
?>

    code javascript:

    var xmlhttp;
if (window.XMLHttpRequest){//code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
}
else{//code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
  if (xmlhttp.readyState==4 && xmlhttp.status==200){
      var response = JSON.parse(xmlhttp.responseText);
      var select = '<select class='dropdown'>';

      for( var index in response ){
          select = select + "<option value='"+ index +"'>"+response[index]+"</option>";
      }
      select += "</select>";
      document.getElementById("send2").innerHTML= select;
  }
}
function changeSend() {
   var selectBox = document.getElementById("sender");
   var selectedValue = selectBox.options[selectBox.selectedIndex].value;
   if (selectedValue==0) {
       xmlhttp.open("GET","yourFile.php",true);
       xmlhttp.send();
   } 
   else { 
     $('#send2').html('');
   }
}

    À l'AIDE de jQuery

    code javascript:

    function changeSend() {
   var selectBox = document.getElementById("sender");
   var selectedValue = selectBox.options[selectBox.selectedIndex].value;
   if (selectedValue==0) {

       $.get("yourFile.php", function(data){
           var response = JSON.parse(data);
           var select = '<select class='dropdown'>';

           for( var index in response ){
               select = select + "<option value='"+ index +"'>"+response[index]+"</option>";
           }
           select += "</select>";

           $("#send2").html(select);
       });

   } 
   else { 
     $('#send2').html('');
   }
}
    • Je vois que vous êtes à l'aide de jQuery, la prochaine fois ajouter le jQuery tag sur la question, de sorte que nous pouvons fournir jQuery en fonction des réponses 😉
    • sur du code php, pourquoi comme ça? $options[$data['id']] = $data['name'];? Je veux obtenir data_id et data_name de résultat de requête de base de données.
    • c'est pour construire un tableau avec les données chargées à partir de la base de données contenue dans le $data tableau
    • je veux dire -> <option value='-id from result database-'>-name from result database query-</option> , pourquoi vous utilisez index et response[index]?
    • Parce que la réponse est analysée dans la variable response dans la ligne var response = JSON.parse(xmlhttp.responseText);
    • pourquoi votre solution peut ne pas être tenté? je ne peux pas -> si cette option est sélectionnée "personnels" il semble que la nouvelle liste déroulante qui contient les données extraites à partir d'une requête de base de données, en cas de sélection de "public", puis le menu déroulant à disparaître.

    InformationsquelleAutor TheGr8_Nik
  2. 0

    La meilleure façon serait probablement avec un appel ajax, de toute façon si vous devez déclarer le script dans la même page avec du php, vous pouvez json-encode le tableau avec les options de sorte que vous serez en mesure d'y accéder dans le javascript, comme ceci:

    var optionIds = <php echo json_encode($id); ?>
var optionNames = <php echo json_encode($name); ?>
    • comment puis-je ajouter de la var optionIds et optionNames à $('#send2').html("<select class='dropdown'><option value='-id from result database-'>-name from result database query-</option></select>"); ?
    • Pour ajouter du code javascript variable entre la chaîne, usage: 'yourstring' + variable + 'yourstring';
    InformationsquelleAutor EveryWell