このPrototype JS ajaxフォーム投稿の同等のjQuery実装は何ですか？

Question

このプロトタイプAjax呼び出しを、同じように機能するjQuery実装に変換するにはどうすればよいですか？

JS：

<script style="text/javascript"> 
    function checkit() { 
     var request = new Ajax.Request('/checkit', 
     { 
      asynchronous:true, 
      evalScripts:true, 
      parameters: $('checkit_form').serialize(true) 
     }); 
    } 
</script> 

HTML：

<form id="checkit_form"> 
<input type="hidden" id="hashedEnumerable" name="hashedEnumerable" value="X101933488ccf103hghs029sskxiiefdhsYs"> 
</form> 

Answer 1

function checkit() { 
    var request = $.ajax({ 
     url: '/checkit', 
     data: $('#checkit_form').serialize() 
    }); 

    return request; 
} 

return文は必要ですが、それはあなたが言うことができますされていません。

var x = checkit(); 
x.success(function() { /* DO STUFF */ }); 

Answer 2

私はプロトタイプにはあまり慣れていませんが、私はコードが次のようになると考えてください：

$.ajax('/checkit', 
    { 
     data: $('#checkit_form').serialize() 
    } 
); 

jQueryのデフォルト設定は、スクリプトを評価し、AJAXを非同期にするためのものです。 IIRCではPrototypeでも同様です。プロトタイプの例ではこれらの行は不要です。

また$.getヘルパーでこれを行うことができます：

$.get('/checkit', $('#checkit_form').serialize()); 

これは、上記のコードの省略形です。