Afficher une boucle php récuperer dans une div !

$bdd = db_connect();
$requete = "SELECT * FROM users ORDER BY username";
$resultat = $bdd->query($requete) or die(print_r($bdd->errorInfo()));

$result=array();
while ($user = $resultat->fetch()) {
  //on ne retourne pas de HTML dans un appel ajax. On ne renvoi que les données
 // c'est le Javascript qui se chargera du HTML
  $result[] =$user['username'];
}

//on renvoi les données de l'ajax en JSON
header('Content-Type: application/json');
echo json_encode($result);
exit();

viewRender: function(view, element) {
  $.ajax({
    url: 'php/boucle.php',
    dataType: "json"
    success: function (reponse) {
      $.each(result,function(i,e){
        console.log(e);
        $('#drag-externe').append( "<div class='maclass'>" + e + "</div>");
      });
    },
    error: function(jqXHR, textStatus){
      alert(textStatus);
    }
  });
},

Object { readyState: 4, getResponseHeader: getResponseHeader()
, getAllResponseHeaders: getAllResponseHeaders(), setRequestHeader: setRequestHeader(), overrideMimeType: overrideMimeType(), statusCode: statusCode(), abort: abort(), state: state(), always: always(), catch: catch()
, … }
external-dragging.php:135:15
error external-dragging.php:136:15 

ReferenceError: result is not defined[En savoir plus] external-dragging.php:128:15
success
http://localhost/SCHEDULER/demos/external-dragging.php:128:15
u
http://localhost/SCHEDULER/lib/jquery.min.js:2:27452
fireWith
http://localhost/SCHEDULER/lib/jquery.min.js:2:28202
k
http://localhost/SCHEDULER/lib/jquery.min.js:2:77649
n/<
http://localhost/SCHEDULER/lib/jquery.min.js:2:79907

$.ajax({
            url: 'php/personne_dispo.php',
            dataType: "json",
            success: function(reponse) {
                console.log( "REPONSE :");
                console.log(reponse);

                $.each(reponse, function(i, e) {              
   $('#drag-dispo').append( "<div class='perso-dispo'>" + e + "</div>");
                });

  $('#drag-dispo .perso-dispo').each(function() {
  
          $(this).data('event', {
                title: $.trim($(this).text()),
                stick: true
          });
          
   $('.perso-dispo').draggable({
                zIndex: 999,
                revert: true,
                revertDuration: 0
          });
  }); 
            }
          });