使用通过 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