使用通过 AJAX 从 PHP 加载的数据填充列表框

Question

我的目标是在按下包含用户 ID 的按钮时显示一个加载的模态 div，其中包含两个列表框，一个包含可用的用户组，另一个包含用户当前所在的组。

此时数据正在成功。

开发者工具日志：

[{id: 1, name: "Admin", idgrupo: 1, nome: "Administrador"},…]

0: {id: 1, name: "Admin", idgrupo: 1, nome: "Administrador"}

1: {id: 1, name: "Admin", idgrupo: 2, nome: "Cliente"}

但数据不会显示在模态 div 上，且没有任何错误代码。

这是代码：

＃＃控制器：

public function getGroups($id)

{

  $data = \DB::table('grupoutilizador')

  -> join ('users', function ($join) use ($id){

    $join->on('users.id', '=', 'grupoutilizador.iduser')

    ->where('users.id', "=", $id );

  }) -> join ('grupo', 'grupo.idgrupo', "=", 'grupoutilizador.idgrupo') ->

  select('users.id', 'users.name', 'grupo.idgrupo', 'grupo.nome')

  -> get();

  return response()->json($data, 200);

}

##JavaScript：

function saveGroup(type,id){

  $('#useridgr').attr('placeholder', '').val('');

  $("#usernamegr").attr('placeholder', 'Nome').val('');

  $('#list_box').html('');

  $('#list_box_ini').html('');

  

  if (type == 1){

    

    

  } else {

    loadatagroup(id);

  }

  

}

var loadatagroup = (uid) => {

  

  $.ajax({

    type: 'GET',

    url: 'usergrupo/' + uid,

    data: {'_token': $("input[name='_token']").val()},

    success: function(data){

      

      $('#useridgr').attr('placeholder',data.id).val(data.id);

      $("#usernamegr").attr('placeholder',data.name).val(data.name);

       

      <?php

      

      $gruposini = mysqli_query($conn2,'SELECT *, 0 AS INUSE FROM grupo');

      

      while($row = mysqli_fetch_array($gruposini)) {

        

        $stringoption =  "$(\"#list_box_ini\").append(\"<option value='".$row['idgrupo']."'>".$row['nome']."</option>\");";

        

      }

      

      ?>

      

      for (i=0; i<data.lenght; i++){

        

        var id = response[i]['idgrupo'];

        var name = response[i]['nome'];

        

        $("#list_box").append("<option value='"+id+"'>"+name+"</option>");

      }

      

      

      

    }

    

  })

  

}

我怎样才能让数据出现？

Answer 1

我已经想出了如何解决这个问题，现在我需要让我的代码清晰并优化它。工作代码在这里：https://codereview.stackexchange.com/questions/248194/how-to-get-my-js-code-cleaner