프로그래밍 언어/jQuery, ajax

jQuery를 사용하여 form submit하기

Rateye 2021. 8. 25. 10:39
728x90
반응형
질문 : jQuery를 사용하여 양식 제출 [닫기]

jQuery를 사용하여 양식을 제출하고 싶습니다. 누군가 코드, 데모 또는 예제 링크를 제공 할 수 있습니까?

답변

양식을 정상적으로 제출하는지 또는 AJAX 호출을 통해 제출하는지에 따라 다릅니다. 예제가있는 문서를 포함하여 jquery.com 에서 많은 정보를 찾을 수 있습니다. 양식을 정상적으로 제출하려면 submit() 메서드를 확인하십시오. AJAX의 ajax() 또는 post() 메소드를 사용하고 싶을 수 있지만 다양한 가능성이 있습니다. post() 는 간단하고 제한된 인터페이스를 사용 ajax() 메서드를 호출하는 정말 편리한 방법입니다.

내가 매일 사용하는 중요한 리소스는 북마크에 추가해야하는 How jQuery Works 입니다. jQuery 사용에 대한 자습서가 있으며 왼쪽 탐색을 통해 모든 문서에 액세스 할 수 있습니다.

예 :

표준

$('form#myForm').submit();

AJAX

$('input#submitButton').click( function() {
    $.post( 'some-url', $('form#myForm').serialize(), function(data) {
         // ... do something with response from server
       },
       'json' // I expect a JSON response
    );
});

$('input#submitButton').click( function() {
    $.ajax({
        url: 'some-url',
        type: 'post',
        dataType: 'json',
        data: $('form#myForm').serialize(),
        success: function(data) {
                   // ... do something with the data...
                 }
    });
});

위의 ajax()post() 메서드는 동일합니다. 오류 등을 처리하기 위해 ajax() 요청에 추가 할 수있는 추가 매개 변수가 있습니다.

출처 : https://stackoverflow.com/questions/1200266/submit-a-form-using-jquery
728x90
반응형