Редактировать данные по модалу, используя Ajax - PullRequest
Новая
       21

Редактировать данные по модалу, используя Ajax

0 голосов
/ 15 апреля 2020

Я хочу отредактировать свои данные на модале, и я не могу передать свои данные из JSON в модал. Я попытался напечатать свой JSON, используя функцию console.log (), и он работает нормально. Но когда я пытаюсь передать данные в мой модал, это не работает. Вот мой сценарий: 

    $(document).on('click', '.editBtn', function(e){
    e.preventDefault();
    edit_id = $(this).attr("id");
    $.ajax({
        url:"action.php",
        method:"POST",
        data:{edit_id:edit_id},
        dataType:"json",
        success:function(data){
            // data = JSON.parse(response);
            console.log(data);
            $('#id').val(data.id); //id name of the modal; the hidden type
            $('#fname').val(data.fname);
            $('#lname').val(data.lname);
            $('#email').val(data.email);
            $('#phone').val(data.phone);
        }
    });
});

Вот как я кодирую свой JSON: 

    if (isset($_POST['edit_id'])){
    $id = $_POST['edit_id'];

    $row = $db->getUserById($id);
    echo json_encode($row);
}

А вот мой код для getUserByID (): 

public function getUserById($id){
        $sql = "SELECT * FROM users WHERE id = ?";
        $stmt = $this->conn->prepare($sql);
        $stmt->execute([$id]);
        $result = $stmt->fetchAll(PDO::FETCH_ASSOC);
        return $result;
    }

Кстати вот мой код для модального: 

<div class="modal fade" id="editModal">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Edit User</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body px-4">
                <form accept="" method="post" id="edit-form-data">
                    <input type="hidden" name="id" id="id">
                    <div class="form-group">
                        <input type="text" name="fname" class="form-control" id="fname" required>
                    </div>
                    <div class="form-group">
                        <input type="text" name="lname" class="form-control" id="lname" required>
                    </div>
                    <div class="form-group">
                        <input type="email" name="email" class="form-control" id="email" required>
                    </div>
                    <div class="form-group">
                        <input type="tel" name="phone" class="form-control" id="phone" required>
                    </div>
                    <div class="form-group">
                        <input type="submit" name="update" id="update" value="Update User" class="btn btn-primary btn-block">
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

1 Ответ

0 голосов
/ 17 апреля 2020

Я уже понял это. Мой код в скрипте неполный. Это должны быть данные [0] .id et c.

...