본문 바로가기
MySql

MySQL 부트 스트랩 모달에 PHP 변수 전달

by 베이스 공부 2020. 11. 14.
반응형

while 루프를 사용하여 만든 버튼이 있습니다. 그래서 while 루프는 mysql 테이블의 각 행에 대해 테이블 ​​행을 생성합니다.

테이블의 각 행에 대해 다시 생성되는 버튼에 대한 코드 한 줄이 있으며 각 버튼은 해당 레코드의 id 에 따라 다른 값을 갖습니다.


문제는 $ row [ 'ID'] 를 사용하고이를 모달로보고 mysqli 쿼리를 사용하여 동일한 ID로 레코드를 검색 할 수 있다는 것입니다.

다음은 모달 코드입니다.

<div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Edit Data</h4>
                </div>
                <div class="modal-body">
                    i want to save the id in a variable here so i can use it in a php script for this modal
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

 

해결 방법

 

내가 맞았다면.

$ row [ 'ID'] 가있는 모달 트리거 버튼


Ajax 메소드로 $ row [ 'ID'] 값을 가져 오는 부트 스트랩 모달 이벤트

$(document).ready(function(){
    $('#myModal').on('show.bs.modal', function (e) {
        var rowid = $(e.relatedTarget).data('id');
        $.ajax({
            type : 'post',
            url : 'fetch_record.php', //Here you will fetch records 
            data :  'rowid='+ rowid, //Pass $id
            success : function(data){
            $('.fetched-data').html(data);//Show fetched data from database
            }
        });
     });
});

모달 HTML

<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Edit Data</h4>
            </div>
            <div class="modal-body">
                <div class="fetched-data"></div> //Here Will show the Data
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

마지막으로 fetch_record.php 를 만들고 레코드를 검색하고 모달로 표시합니다.

<?php
//Include database connection
if($_POST['rowid']) {
    $id = $_POST['rowid']; //escape string
    // Run the Query
    // Fetch Records
    // Echo the data you want to show in modal
 }
?>

 

참조 페이지 https://stackoverflow.com/questions/34693863

 

 

반응형

댓글