내 $.load()가 양식 데이터를 제출하지 않는 이유는 무엇이며 대신 AJAX를 어떻게 사용할 수 있습니까?

$.load를 통해 양식 데이터가 제출되지 않음

질문:

버튼 클릭이 트리거됩니다. 다음 코드를 실행했지만 게시 요청이 의도한 PHP 파일(MonsterRequest.php)에 도달하지 못했습니다. $.load 호출. 대신 페이지가 다시 로드되므로 다시 로드하지 않고 데이터를 제출하는 기능이 제한됩니다.

답변:

페이지를 다시 로드하지 않고 데이터 게시를 용이하게 하려면 AJAX를 이해하는 것이 중요합니다. AJAX는 결과로 응답하는 외부 PHP 파일로 데이터를 전송하여 처리합니다.

구현:

첫 번째 파일에서 변경 이벤트 핸들러를 선택한 옵션을 캡처하는 관련 요소입니다. 그런 다음 데이터는 AJAX POST 요청을 통해 두 번째 파일로 전송됩니다. 성공하면 반환된 데이터가 경고에 표시됩니다.

파일 1:

    <script>
        $(document).ready(function() {
            $('#Sel').change(function() {
                var opt = $(this).val();
                $.ajax({
                    type: "POST",
                    url: "receiving_file.php",
                    data: 'selected_opt=' + opt,
                    success:function(data){
                        alert('This was sent back: ' + data);
                    }
                });
            });
        });
    </script>

파일 2: received_file.php

    $recd = $_POST['selected_opt'];
    echo 'You chose: ' . $recd;

위 내용은 내 $.load()가 양식 데이터를 제출하지 않는 이유는 무엇이며 대신 AJAX를 어떻게 사용할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!