Как вызвать контроллер через AJAX и получить данные из полей модальных из базы данных?

Question

* Я новичок, так что избавь меня. Я использую код воспламенитель. У меня есть таблица, и в этой таблице у меня есть кнопка редактирования. При нажатии кнопки редактирования отображается всплывающее модальное окно. Основная цель этого - обновить данные конкретной строки, такие как имя пароля и т. Д. Вот почему я вызвал модальное всплывающее окно, которое отображает форму, в которой я хочу показать конкретную запись, чтобы я мог отредактировать эту запись и нажать кнопку «Обновить», чтобы обновить запись. Я просто хочу показать конкретную запись, так как каждая строка имеет свою кнопку редактирования. я могу изменить запись через php. но нужно отобразить это. Это мое модальное всплывающее окно и та таблица, где отображаются данные из базы данных. Кто-то, пожалуйста, скажите, что это за код для этой работы. Мне нужен полный AJAX-код, поэтому всем, у кого есть доброе сердце, напишите этот код, чтобы я мог войти на мой сайт. Пожалуйста помоги. это все, что я знаю, и я поделился Код:

    <div class="modal fade bs-example-modal-lg" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2">
                         <div class="modal-dialog" role="document">
                        <div class="modal-content">
                        <div class="modal-header">

                                 <h4 class="modal-title" id="exampleModalLabel1">Update Current User</h4>
                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            </div>
                        <div class="modal-body">
                                                <div class="card">
                                                <div class="card-header">
                                                    End User Info
                                                </div>
                                                <div class="card-body">
                                <form action="<?php echo base_url()."User_area/add_new_subusers"?>" method="post" id="newuserform" class="form-horizontal">
                                    <div class="form-body">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group row">
                                                    <label class="control-label text-right col-md-5">First Name:</label>
                                                    <div class="col-md-7">
                                                        <input type="text" class="form-control" id="subufname" value="" name="subufname" placeholder="Enter First Name"></input>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group row">
                                                    <label class="control-label text-right col-md-5">Last Name:</label>
                                                    <div class="col-md-7">
                                                        <input type="text" class="form-control" name="subulname" id="subulname" value="" placeholder="Enter Last Name"></input>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group row">
                                                    <label class="control-label text-right col-md-5">Email:</label>
                                                    <div class="col-md-7">
                                                        <input type="text" class="form-control" id="subuemail" name="subuemail" value="" placeholder="Enter Email"></input>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--/span-->
                                            <div class="col-md-12">
                                                <div class="form-group row">
                                                    <label class="control-label text-right col-md-5">Password:</label>
                                                    <div class="col-md-7">
                                                        <input type="text" class="form-control" name="subupass" id="subupass" placeholder="New Password"></input>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--/span-->
                                            <div class="col-md-12">
                                                <div class="form-group row">
                                                    <label class="control-label text-right col-md-5">Confirm Password:</label>
                                                    <div class="col-md-7">
                                                        <input type="text" class="form-control" id="subuconfirmpass" placeholder="Confirm New Password"></input>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--/span-->

                                        </div>
                                    </div>

                                                </div>
                                                </div>



                               </div>
                                <div class="modal-footer">
                                                <input type="submit" id="createnewuser" value="Update" class="btn btn-primary">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                                </div>

                        </div>
                </div></div>
                <div class="card">
                            <div class="card-header">

                            </div>
                            <div class="card-body">
                                <div class="table-responsive m-t-40">
                                    <table id="myTable" class="table table-bordered table-striped">
                                        <thead style="background: #37a000; color: #fff;">
                                            <tr>
                                                <th>Name</th>
                                                <th>Email/Username</th>
                                                <th>Password</th>

                                                <th>User Role</th>
                                                <th>Email Notification</th>
                                                <th>Client Access</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
 <!-- ******************************Displaying Data*************************************************************** -->
                                        <tbody>

<?php
foreach($profle as $row):  ?>
        <tr>   
         <td><?echo $row['fname']?></td>
         <td><?echo $row['email']?></td>
         <td><?echo $row['password']?></td>
         <td><?echo $row['user_role']?></td>
         <td>***</td>
         <td>***</td>
         <td><a class="btn btn-success" style="color:white;background-color:green;padding:0px 2px;" data-toggle="modal" data-target="#exampleModal2">edit</a></td>
       </tr>
       <?php  endforeach; ?>

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

Answer 1

Простой AJAX для вас. Надеюсь, это поможет вам

ajax-скрипт:

<script>
    $(document).ready(function(){
        $("#popup-button").click(function(event){
            event.preventDefault();
            var profle_id =$(this).children().val();

            $.ajax({
                url: "HERE FILE CONTROLLER",
                type : 'get',
                data: "id="+profle_id,
                dataType : 'json',
                success: function(result){ // result ='{ "fname":"John", "email":"abc@gmail", "password":"New York" , "user_role":"York" }';
                    $('#subufname').val(result['name']);
                    $('#subulname').val(result['email']);
                    $('#subuemail').val(result['password']);
                    $('#subupass').val(result['user_role']);

                }
            });
        });
    });
</script>

редактировать таблицу:

<tr>
                        <td><?echo $row['fname']?></td>
                        <td><?echo $row['email']?></td>
                        <td><?echo $row['password']?></td>
                        <td><?echo $row['user_role']?></td>
                        <td>***</td>
                        <td>***</td>
                        <td><a class="btn btn-success" style="color:white;background-color:green;padding:0px 2px;" data-toggle="modal" data-target="#exampleModal2" id = "popup-button">edit<input type="hidden" value ="$row['id']" ></a></td>

                    </tr>