从控制器获取数据并通过AJAX显示

如何解决从控制器获取数据并通过AJAX显示

我想从控制器获取数据，并在单击按钮时将其显示在html弹出窗口中。

此时，单击按钮但未加载数据时会显示POPUP

这时，我需要onclick加载值并在弹出窗口中显示它们。

index.blade.php

<button data-toggle="modal" data-target="#edit" id ="uid" name="uid" value="<?php echo $user->id ?>">
</button>

<div class="modal fade" id="edit" tabindex="-1" role="">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="card card-signup card-plain">
                <div class="modal-header">
                    <div class="card-header card-header-primary text-center">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            <i class="material-icons">clear</i>
                        </button>
                        <h4 class="card-title">Editar</h4>

                    </div>
                </div>
                <div class="modal-body">
                    <form class="form" method="POST" action = "{{ route('/alteruser') }}" name = 'user'>
         @csrf

                         <div class="card-body">
                            <div class="form-group bmd-form-group">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <div class="input-group-text">
                                            <i class="material-icons"></i>
                                        </div>
                                    </div>
                                    <input name = 'name' type="text" class="form-control" placeholder="<?php echo $seluser->id  ?? ''?>" id='id' disabled>
                                    <input name = 'name' type="text" class="form-control" "<?php echo $seluser->name  ?? ''?>" id='name'>
                                    <input type="text" class="form-control" placeholder="<?php echo $seluser->email  ?? ''?>" id = 'email'>
                                    <input type="password" placeholder="<?php echo $seluser->password  ?? ''?>" class="form-control" id = 'password'>
                                    <input type="text" placeholder="<?php echo $seluser->nif  ?? ''?>" class="form-control" id = 'nif'>
                                   <input type="text" placeholder="<?php echo $seluser->contacto  ?? ''?>" class="form-control" id = 'contact'>
                                    <input type="text" placeholder="Grupo" class="form-control" id = 'grupo'>
                                </div>
                            </div>
   
                            <button type="submit" class="btn btn-primary btn-link btn-wd btn-lg" name = 'uid'>Confirmar</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
                                   

UserController @ GetUser：

     public function getUser() {

    $id = $_POST['uid'];

    $seluser = DB::table('users') -> where('id',$id) -> first();

    $view = view('/users/index',compact('seluser'))->render();

    return response(['status'=> 1,'data' => $view]);

  }

index.blade.php中的Ajax代码：

   $(document).ready(function(){
   $("#uid").click(function (e){
              e.preventDefault();

              $.ajax({
              type: 'POST',url: baseUrl+"/getUser",data:{uid: $("#uid").val()},dataType: 'json',success: function(data) {
              $('#edit').html(data.html);
            }
              });
   });
});

我是AJAX的新手，所以我认为其中存在错误

解决方法

您应该返回响应，而不是像下面的控制器中的视图

public function getUser()
{

    $_SESSION['getUser'] = 1;
    echo "AAA";

    $id = $_POST['uid'];

    $seluser = DB::table('users')
                -> where('id',$id)
                -> first();
    $view = view('/users/index',compact('seluser'))->render();
    return response(['html' => $view]);
}

并获得如下响应

$.ajax({
    type: 'POST',url: baseUrl+"/getUser",data:{uid:uid},dataType: 'json',success: function(data) {
       $('#edit').html(data.html);
   }
});