programing

jQuery.ajax - 모든 요소를 수동으로 입력하지 않고 형식으로 전송합니다.

skycolor 2023. 3. 8. 21:00
반응형

jQuery.ajax - 모든 요소를 수동으로 입력하지 않고 형식으로 전송합니다.

jQuery.ajax를 사용하여 "data:" 부분에 모든 것을 수동으로 지정하지 않고 POST를 사용하여 폼을 제출하고 싶습니다.

내가 원하지 않는 건 이거야

data:   "username=" + document.getElementById("username").value + 
    "&email=" + document.getElementById("email").value,

전체 FORM 필드의 값에 alla 요소를 포함시키는 방법이 있습니까?이 폼은 동적으로 생성되므로 시간을 많이 절약할 수 있습니다!

시리얼라이즈 방식을 사용합니다.

data :   $("form").serialize()

http://docs.jquery.com/Ajax/serialize 를 참조해 주세요.

그러면 다음과 같은 예가 됩니다.

$("#submit").click(function() {
    $.ajax({
        data: $("form").serialize(),
        ...rest
    });
});

사용하다.serialize()전체 양식 데이터를 jQuery Ajax로 전송하는 방법입니다.

data:$('#formID').serialize()

예제 스크립트는 여기서 찾을 수 있습니다. jQuery Ajax에서 전체 양식 데이터를 보내는 방법

언급URL : https://stackoverflow.com/questions/1229190/jquery-ajax-submit-all-elements-in-form-without-manually-entering-them

반응형