AJAX를 실행하여 MySQL에서 데이터베이스를 업데이트 한 다음 JQuery 함수를 실행하여 다른 파일을로드 (기본적으로 새로 고침)하여 페이지 새로 고침이 필요하지 않도록하려고합니다. 나는 JQuery & AJAX를 처음 접했기 때문에 이것을 완전히 잘못하고있을 수 있습니다. 데이터베이스 업데이트 작업을 위해 AJAX를 이미 얻었지만 JQuery는 두 번째 클릭 만 등록하는 것 같습니다.
Stack Overflow를 통해 많은 것을 검색했지만 저에게 맞는 것 같은 것을 찾지 못했습니다. 내가 찾은 가장 일반적인 솔루션은 다음과 같습니다.
$('#display_details').on('click', '.addpa1', function() {
$('#display_details').load('project_member_list.php');
});
이것은 나를 위해 작동하지 않거나 제대로 사용하지 않습니다.
JQuery
$(document).ready(function(){
$('.editProject').click(function(){
$('#display_details').load('project_member_list.php');
});
$('.addpa1').click(function(){
$('#display_details').load('project_member_list.php');
});
$('.addpa2').click(function(){
$('#display_details').load('project_member_list.php');
});
$('.rempa2').click(function(){
$('#display_details').load('project_member_list.php');
});
$('.rempa1').click(function(){
$('#display_details').load('project_member_list.php');
});
})
HTML
<a name='addpa1' href='#' class='btn btn-success btn-sm addpa1' id='User.1' role='button' data-proid='2' title='Make PA #1' data-toggle='tooltip'>Make PA #1</a>
<div id="display_details"></div>
혼란을 줄이기 위해 버튼 하나의 예를 들었습니다. 나머지는 클릭 기능과 함께 사용되는 클래스 이름을 제외하고는 동일합니다.
추가 JS
$( document ).ready(function() {
$( "#showToast" ).click(function() {
$('.toast').toast('show');
});
});
$('#modal').on('shown', function () {
$("#modal-content").scrollTop(0);
});
JQuery를 등록하려면 두 번 클릭해야합니다.
나는 그것을 알아. 각 버튼에 대해 두 개의 개별 함수를 호출했습니다 (하나는 AJAX 용, 다른 하나는 JQuery 용). JQuery 함수 내용을 AJAX 함수에 넣으면 문제가 해결되었습니다.
이 문제를 도와 주신 모든 분들께 감사드립니다!
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다