jQuery AJAX 제출 양식

질문 : jQuery AJAX 제출 양식

---

이름이 orderproductForm 이고 입력 수가 정의되지 않은 양식이 있습니다.

어떤 종류의 jQuery.get 또는 ajax 또는 Ajax를 통해 페이지를 호출하고 orderproductForm 양식의 모든 입력을 함께 보내는 것과 같은 작업을 수행하고 싶습니다.

한 가지 방법은 다음과 같은 작업을 수행하는 것입니다.

jQuery.get("myurl",
          {action : document.orderproductForm.action.value,
           cartproductid : document.orderproductForm.cartproductid.value,
           productid : document.orderproductForm.productid.value,
           ...

그러나 모든 양식 입력을 정확히 알지 못합니다. 모든 양식 입력을 보내는 기능, 기능 또는 무언가가 있습니까?

답변

---

Ajax Form Plugin 또는 jQuery serialize 함수에서 ajaxForm / ajaxSubmit 함수를 사용할 수 있습니다.

AjaxForm :

$("#theForm").ajaxForm({url: 'server.php', type: 'post'})

또는

$("#theForm").ajaxSubmit({url: 'server.php', type: 'post'})

ajaxForm은 제출 버튼을 누르면 전송됩니다. ajaxSubmit은 즉시 전송합니다.

직렬화 :

$.get('server.php?' + $('#theForm').serialize())

$.post('server.php', $('#theForm').serialize())

AJAX 직렬화 문서는 여기에 있습니다 .

출처 : https://stackoverflow.com/questions/1960240/jquery-ajax-submit-form