第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

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

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

PHP
慕無(wú)忌1623718 2023-09-22 17:32:02
我想從控制器獲取數(shù)據(jù)并在單擊按鈕時(shí)將其顯示在 html 彈出窗口中。此時(shí)，單擊按鈕時(shí)將顯示 POPUP，但未加載數(shù)據(jù)此時(shí)，我需要單擊加載值并將其顯示在彈出窗口中。索引.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 新手，所以我認(rèn)為錯(cuò)誤就在其中
查看完整描述

1 回答

?
UYOU

TA貢獻(xiàn)1878條經(jīng)驗(yàn) 獲得超4個(gè)贊

以下是您嘗試執(zhí)行的操作的示例：GET 請(qǐng)求的控制器：


$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 請(qǐng)求：


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

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


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

});

此代碼允許客戶端，對(duì)于數(shù)據(jù)庫(kù)中的每個(gè)用戶，都有打開(kāi)彈出窗口的模式按鈕，單擊用戶的按鈕后，我會(huì)彈出一個(gè)包含該用戶的郵件和名稱的彈出窗口


查看完整回答
反對(duì) 回復(fù) 2023-09-22
  • 1 回答
  • 0 關(guān)注
  • 116 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)