select 변경시 ajax 실행하는 법 > JS

본문 바로가기




WEBDEV


사이트 내 전체검색


select 변경시 ajax 실행하는 법

페이지 정보

작성자 최고관리자 댓글 0건 조회 543회 작성일 23-10-11 16:30

본문

$(document).ready(function() {

    // select 요소의 변경 이벤트를 감지

    $("#mySelect").change(function() {

        var selectedValue = $(this).val(); // 선택된 옵션의 값 가져오기

        

        // AJAX 요청 실행

        $.ajax({

            url: 'your_ajax_url.php', // 요청을 보낼 서버의 URL

            method: 'POST', // 또는 'GET' 등 요청 메서드 설정

            data: { selectedValue: selectedValue }, // 선택된 값 데이터를 서버에 전달

            dataType: 'json', // 응답 데이터의 형식 (JSON, HTML, XML 등)

            success: function(response) {

                // AJAX 요청이 성공하면 실행되는 코드

                // 서버에서 반환한 데이터를 사용하여 결과를 업데이트

                $("#result").html(response);

            },

            error: function(xhr, status, error) {

                // AJAX 요청이 실패하면 실행되는 코드

                console.error(status + ": " + error);

            }

        });

    });

});


댓글목록

등록된 댓글이 없습니다.



개인정보처리방침
서비스이용약관
모바일버전
그누보드5
Copyright © 소유하신 도메인. All rights reserved.