jQuery의 $.load()를 사용하여 양식을 로드할 때 AJAX 게시물이 실패하는 이유는 무엇입니까?

로드된 양식 내에서 Ajax 사후 실패

버튼 클릭이 jQuery의 $.load( ) 메서드에서는 양식이 데이터를 게시하려고 할 때 문제가 발생합니다. 의도한 PHP 파일로 전달되는 대신 페이지가 자동으로 다시 로드됩니다.

AJAX 개요

솔루션을 살펴보기 전에 AJAX의 개념( 비동기 JavaScript 및 XML). AJAX를 사용하면 웹사이트에서 전체 페이지를 새로 고치지 않고도 서버와 데이터를 교환할 수 있습니다.

문제 및 해결 방법

여기서 문제는 AJAX 작동 방식에 대한 이해 부족에서 비롯됩니다. . 버튼은 $.load()를 사용하여 외부 양식 로드를 트리거하지만 AJAX 요청을 설정하지는 않습니다. AJAX를 통해 데이터를 게시하려면 $.ajax() 함수를 사용하여 양식을 제출해야 합니다.

예제 코드

다음 수정된 코드를 고려하세요.

$('#Sel').change(function() {
    var opt = $(this).val();
    var someelse = 'Hello';
    var more_stuff = 'Goodbye';
    $.ajax({
        type: "POST",
        url: "receiving_file.php",
        data: 'selected_opt=' + opt + '&something_else=' +someelse+'&more_stuff='+more_stuff,
        success:function(data){
            alert('This was sent back: ' + data);
        }
    });
});

수정된 코드에서는 $.ajax()를 사용하여 폼 데이터를 게시합니다. 스크립트는 선택한 값과 추가 매개변수를 "receiver_file.php"로 보내고 반환된 데이터를 경고 상자에 표시합니다.

위 내용은 jQuery의 $.load()를 사용하여 양식을 로드할 때 AJAX 게시물이 실패하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!