jQueryを使用したAjax、サブミットハンドラ

Question

私はまだあなたの助けが必要です。今日は、jQueryを使ってAjaxの小さな機能を開発したいと考えています。

シンプルなチュートリアルが見つかりました。私の希望に応えます。著者はJquery Validate Pluginを使用しますが、私は必要ありません。

このプラグインを使用しないとコードをどのように翻訳するのか分かりません。私は何十もの組み合わせを試みました（私はあまり才能がありません！）。ここで

は、元のコードは...あなたの助けのための

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#myform").validate({ 
     debug: false, 
     rules: { 
     /// 
     }, 
     messages: { 
     /// 
     }, 
     submitHandler: function(form) { // How to repace this? 
      $.post('process.php', $("#myform").serialize(), function(data) { 
       $('#results').html(data); 
      }); 
     } 
    }); 
}); 
</script> 

おかげです。 :)

よろしく、

ヴィンセント

Answer 1

チェックアウト.submit()：

$(document).ready(function(){ 
    $("#myform").submit(function(e) { 
     e.preventDefault(); 

     // This part stays the same 
     $.post('process.php', $("#myform").serialize(), function(data) { 
      $('#results').html(data); 
     }); 
    }); 
}); 

...フォームのイベントを提出にイベントハンドラをバインドします。 e.preventDefaultは、フォームが正常に提出されるのを防ぎます（ajaxなし）。

Answer 2

var data = $("#myForm").serialize(); 
$.ajax 
          ({ 
          type: "POST", 
          url: "mail.php", 
          data: data, 
          cache: false, 
          success: function() 
           { 
            alert("Thank you"); 
           } 
          }); 

これはjQueryを使ってAJAXのための基本的な前提である - あなたは簡単にこれであなたのコード内でサブにできるはずです:)

Answer 3

まあ、

何単にサーバーにデータを送信することについて答えを待っていますか？

$.ajax({ 
    url: '/your_script_url', 
    data: ({data_1 : "data_1", data_n : "data_n"}), 
    success: function(data) { do something; } }); 

これがあなたに役立つことを願っています。

Answer 4

常にはい、それが動作し、私はあなたのソリューションを好む詳細

http://api.jquery.com/jQuery.ajax/