亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

如何使用 AJAX 將值表單控制器獲取到彈出窗口中

如何使用 AJAX 將值表單控制器獲取到彈出窗口中

PHP
慕無忌1623718 2023-09-22 17:32:02
我想從控制器獲取數據并在單擊按鈕時將其顯示在 html 彈出窗口中。此時，單擊按鈕時將顯示 POPUP，但未加載數據此時，我需要單擊加載值并將其顯示在彈出窗口中。索引.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>                                <button type="submit" class="btn btn-primary btn-link btn-wd btn-lg" name = 'uid'>Confirmar</a>                            </div>                        </form>                    </div>                </div>            </div>        </div>    </div>我是 AJAX 新手，所以我認為錯誤就在其中
查看完整描述

1 回答

?
UYOU

TA貢獻1878條經驗 獲得超4個贊

以下是您嘗試執行的操作的示例：GET 請求的控制器：


$users = \App\User::all();

return view('users', ['users' => $users]);

查看用戶：


<div class="container">

          @foreach ($users as $user)

      <button class="btn btn-primary" data-toggle="modal" data-target="#edit" id ="uid" data-id="{{$user->id}}">

        click here

        </button>

          @endforeach

          @csrf

        <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">


                        <div id="user">

                            <h1 id="name"></h1>

                            <p id="email"></p>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

  </div>

JS代碼：


<script>

        /* eslint disabled */

        $(

            () => {

                $('#uid').click(

                    (e) => {

                    var uid = $(event.target).data('id');

                    $.ajax({

                        type: 'POST',

                        url: 'users/' + uid,

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

                        success: function(data){

                            // or use : $('#user').html(data);

                            $('#user #name').text(data.name);

                            $('#user #email').text(data.email);

                        }

                    });

                }

                );

            }

        );

    </script>

控制器（路由）POST 請求：


Route::post('users/{id}', function ($id) {

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


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

});

此代碼允許客戶端，對于數據庫中的每個用戶，都有打開彈出窗口的模式按鈕，單擊用戶的按鈕后，我會彈出一個包含該用戶的郵件和名稱的彈出窗口


查看完整回答
反對 回復 2023-09-22
  • 1 回答
  • 0 關注
  • 118 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號