[JQUERY] AJAX와 jQuery를 사용하여 양식 제출

AJAX와 jQuery를 사용하여 양식 제출

해결법

1. ---

   1.먼저 다음과 같은 코드를 사용하여 양식을 id 속성을 제공합니다 :

   먼저 다음과 같은 코드를 사용하여 양식을 id 속성을 제공합니다 :

   $(document).ready( function() {
     var form = $('#my_awesome_form');
   
     form.find('select:first').change( function() {
       $.ajax( {
         type: "POST",
         url: form.attr( 'action' ),
         data: form.serialize(),
         success: function( response ) {
           console.log( response );
         }
       } );
     } );
   
   } );
   

   사용이 .serialize이 코드 그래서 () 양식에서 관련 데이터를 당깁니다. 그것은 또한 당신이에 대한 형태로 첫 번째입니다 걱정 선택 가정합니다.

   미래 참고로, jQuery를 워드 프로세서는 매우 좋다.

2. ---

   2.비동기 HTML 폼을 보낼 수있는 좋은 양식 플러그인이있다.

   비동기 HTML 폼을 보낼 수있는 좋은 양식 플러그인이있다.

   $(document).ready(function() { 
       $('#myForm1').ajaxForm(); 
   });
   

   또는

   $("select").change(function(){
       $('#myForm1').ajaxSubmit();
   });
   

   즉시 양식을 제출하기

3. ---

   3.이 작업까지 끝난 것입니다.

   이 작업까지 끝난 것입니다.

   $("select").change(function(){
       $.get("/page.html?" + $(this).parent("form").find(":input").serialize()); 
   });
   

from https://stackoverflow.com/questions/425095/submit-form-using-ajax-and-jquery by cc-by-sa and MIT license