AJAX 동적 웹페이지 관련 질문 채택완료

<!-- 데이터 추가 모달 -->

<div id="add_data_Modal" class="modal fade">

    <div class="modal-dialog">

        <div class="modal-content">

 

            <!-- 모달 헤더 -->

            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal">&times;</button>

                <h4 class="modal-title">회의실 예약 내역 추가 및 수정</h4>

            </div>

 

            <!-- 모달 바디 -->

            <div class="modal-body">

                <form method="post" id="insert_form">

                    <label>회의 날짜</label>

                    <br />

                    <input type="date" name="MeetingDate" id="MeetingDate" min="<?= date('Y-m-d'); ?>">

                    <br /><br />

                    <label>회의명</label>

                    <input type="text" name="MeetingTitle" id="MeetingTitle" class="form-control" />      

                    <br />

                    <label>회의 시작 시간</label>

                    <br />

                    <input type="time" name="StartTime" id="StartTime" min="08:00" max="18:00" step="1800"/>

                    <br /><br />

                    <label>회의 종료 시간</label>

                    <br />

                    <input type="time" name="EndTime" id="EndTime" min="08:00" max="18:00" step="1800"/>

                    <br />

                    <br />

                    <label>회의 참가자</label>

                    <input type="text" name="MeetingName" id="MeetingName" class="form-control" />

                    <br />

                    <input type="hidden" name="employee_id" id="employee_id" />

                    <input type="submit" name ="insert" id="insert" value="추가" class="btn btn-success" />

                </form>

            </div>

 

            <!-- 모달 풋터 -->

            <div class="modal-footer">

                <button type="button" class="btn btn-default" data-dismiss="modal">닫기</button>

            </div>

        </div>

    </div>

</div>

<script>

$(document).ready(function(){

// 모달 창에서 수정 버튼 눌렀을 때

    $(document).on('click','.edit_data',function(){

        var employee_id = $(this).attr("id");

 

        $.ajax({

            url:"fetch.php",

            method:"POST",

            data:{employee_id:employee_id},

            dataType:"json",

            success:function(data){

                $('#MeetingDate').val(data.MeetingDate);

                $('#MeetingTitle').val(data.MeetingTitle);

                $('#StartTime').val(data.StartTime);

                $('#EndTime').val(data.EndTime);

                $('#MeetingName').val(data.MeetingName);

                $('#employee_id').val(data.id);

                $("#insert").val("수정");

                $('#add_data_Modal').modal('show');

            }

        });

    });

});

</script>