jQuery ajaxSubmit()を使用してフォームをコミット

ajaxSubmit(obj)メソッドはjQueryのプラグインjqueryである.form.jsのメソッドなので、このメソッドを使用するには、まずこのプラグインを導入する必要があります.次のようになります.

では、ajaxSubmit(obj)でどのようにデータを しますか?まずformが です
XHTML

 
   
 
 
   
       ：
 
   
       ：<textarea/><br/> 
   <br/>     <button>  </button> 
   <br/> 
 
   
 
  

はコンテンツをコミットする があるformですが、 、formで コミットすると、コミット のページがformのactionが すページにジャンプします.しかし、フォームをコミットした にページがジャンプすることを んでいない よりも、ajaxSubmit(obj)を してデータをコミットすることができます. は のとおりです.

 
   
 $('button').on('click', function() { 
   
 
   
     $('form').on('submit', function() { 
   
         var title = $('inpur[name=title]').val(), 
   
             content = $('textarea').val(); 
   
 
   
         $(this).ajaxSubmit({ 
   
             type: 'post', //      get/post 
   
             url: 'your url', //       url 
   
             data: { 
   
                 'title': title, 
   
                 'content': content 
   
             }, 
   
             success: function(data) { // data           ，    json    
   
                 //      data       
   
                 alert('    ！'); 
   
             } 
   
             $(this).resetForm(); //         
   
         }); 
   
         return false; //            
   
     }); 
   
 });