如何將用戶ID傳遞給模式？

Question

如何將用戶ID傳遞給模式？ 它正在將id提取到（x​​）按鈕，但是當模式打開時，它仍然使用管理員ID。 如何使其以模態形式轉換為用戶ID？ 我被卡住了，我知道它必須對jquery做些什么，但是不幸的是我不知道怎么做和做什么。 謝謝。

視圖

    <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">

                </div>
                <div class="modal-body">
                    <h2>{{ $modal }}</h2>
                </div>
                <div class="modal-footer">
                    <button type="button" class="rem-mod btn btn-secondary" data-dismiss="modal">Zatvori</button>
                    {{ Form::open(['action'=> ['PagesController@destroy', Auth::user()->id],'method' => 'POST']) }}
                    {{ Form::submit('Obrišite račun', ['class' => 'bck-mod btn btn-danger']) }}    
                    {{ Form::hidden('_method', 'DELETE') }}
                    {{ Form::close() }}
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="panel panel-default">
        <div class="panel-heading">Pretraži korisnike</div>
            <div class="panel-body">
                <div class="form-group">
                    <input type="text" name="search" id="search" class="form-control" placeholder="Pretraži korisnike" />
                </div>
                <div class="table-responsive">
                    <h3 align="center">Broj korisnika: <span id="total_records"></span></h3>
                    <table id="users" class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th>Prezime</th>
                                <th>Ime</th>
                                <th>Telefon</th>
                                <th></th>
                            </tr>
                        </thead>
                    <tbody>

                    </tbody>
                    </table>
                </div>
            </div>    
        </div>
    </div>


<script>

    $(document).ready(function(){

        fetch_user_data();

        function fetch_user_data(query = ''){
            $.ajax({
                url:"{{ route('live_search.action') }}",
                method:'GET',
                data:{query:query},
                dataType:'json',
                success:function(data)
                {
                    $('tbody').html(data.table_data);
                    $('#total_records').text(data.total_data);
                }
            })
        }
        // 
        $(document).on('keyup', '#search', function(){
            var query = $(this).val();
            fetch_user_data(query);
        });

        $('#users').on('click', '.remove-button', function(){
            var id=$(this).data('id');
            $("#deleteModal").modal("show");
            console.log(id);
        });
        $(document).on('click', '.rem-mod', function(){
        var id = $(this).data('id');
        {
            $.ajax({
                url:"{{route('live_search.destroy')}}",
                method:"delete",
                data:{query:query},
                success:function(data)
                {
                    alert(data);
                    $('#users').DataTable().ajax.reload();
                }
            })
        }
    }); 
    });


</script>

調節器

public function destroy($id){
        return $id;
        $user = Auth::user();

        if ($user->IsAdmin()){
            if($users->delete($id)){
                return redirect()->back(); 
            }
        }else{

        if ($user->delete()) {
            Auth::logout();
            $data = array(
                'title' => 'Dobrodošli,',
                'title2' => 'da biste nastavili, ulogirajte se!',

            );
            return view('pages.index')->with($data);
        }
        }
    }

    public function action(Request $request)
    {

        if($request->ajax()){
            $output = '';
            $query = $request->get('query');
            if($query != ''){
                $data = DB::table('users')
                    ->where('surname', 'like', '%'.$query.'%')
                    ->orWhere('name', 'like', '%'.$query.'%')
                    ->orWhere('phone', 'like', '%'.$query.'%')
                    ->orderBy('id')
                    ->get();
            }else {
                $data = DB::table('users')
                    ->orderBy('id')
                    ->get();
            }
            $total_row = $data->count();
            if($total_row > 0){
                foreach($data as $row){
                    $output .= '
                        <tr>
                            <td>'.$row->surname.'</td>
                            <td>'.$row->name.'</td>
                            <td>'.$row->phone.'</td>
                            <td><button type="button" class="remove-button btn btn-danger" data-id="'.$row->id.'">
                            <div class="close">&#120;</div>
                            </button></td>
                        </tr>
                    ';
                }
            }else{
                $output = '
                    <tr>
                        <td align="center" colspan="5">Nema podataka</td>
                    </tr>
                ';
            }
            $data = array(
                'table_data'  => $output,
                'total_data'  => $total_row,
            );

            echo json_encode($data);
        }
    }

編輯-找出問題所在。 首先，它不是從數據庫中提取用戶ID，其次是沒有將該ID推送到模式。 這是我的github，以防您想擁有更廣闊的畫面-https: //github.com/sucoms/multiauthzadatak

Answer 1

這是因為每次打開模態時，模態上的ID都相同。 ID應該是唯一的。

嘗試：

<div class="modal fade" id="deleteModal{{$id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

打開模式時，每個ID都是唯一的。 您還需要在打開模式的地方更改代碼以反映這一點。

編輯：查看HTML文檔中的唯一ID https://www.w3.org/TR/html401/struct/global.html#h-7.5.2

它當前不適用於您的原因是因為每次打開模式時都引用相同的ID。 如果您在模態的ID中使用Laravel變量，即{{ $id }} ，則每次模態打開時，該變量都將特定於該ID。

Answer 2

您可以通過在單擊刪除時在模式上設置ID來解決此問題：

    $('#users').on('click', '.remove-button', function(){
        var id=$(this).data('id');
        $("#deleteModal").data('id', id).modal("show");
        console.log(id);
    });
    $(document).on('click', '.rem-mod', function(){
        var id = $(this).closest('.modal').data('id');
        {
            $.ajax({
                url:"{{route('live_search.destroy')}}",
                method:"delete",
                data:{id:id},
                success:function(data)
                {
                    alert(data);
                    $('#users').DataTable().ajax.reload();
                }
            })
        }
    });