coffeescriptを使用して$ .getリクエストを作成するにはどうすればよいですか？

Question

CoffeeScriptで次の操作を行うにはどうすればよいですか？

$(function() { 
    $('input#username').keyup(function() { 
     var username = $('input#username').val(); 
     url = '/users/check_username/'; 
     params = { username : username }; 
     $.get(url, params, function(response){ markUsername(response); }, "json"); 
    }); 
    }) 

Answer 1

は、ここでそれを書くために別の少し凝縮方法です：

$ -> 
    $('input#username').keyup -> 
    username = $(this).val() 
    callback = (response) -> markerUsername response 
    $.get '/users/check_username/', {username}, callback, 'json' 

注括弧の欠如、そして速記「{ユーザー名}」オブジェクトリテラル。

Answer 2

これは方法です：

$(-> 
    $('input#username').keyup(-> 
     username = $('input#username').val() 
     url = '/users/check_username/' 
     params = {username: username} 
     $.get(url, params, (response)-> 
      markerUsername(response) 
     , "json") 
    ) 
) 

これらの括弧の一部を省略することができますが、私の意見では、彼らは（少なくともこのような状況で）コードの流れを理解することを助けます。

私はここにcoffeescript http://jashkenas.github.com/coffee-script/（ "coffeescriptを試してください"）ボタンを押すことをお勧めします。言語はとても習得しやすいです。

Answer 3

これは私がこれまでに作ってみた最高の一般的なパターンです：そんなに

$.ajax('/yourUrlHere', { 
    data: { 
    key: 'value' 
    }, 
    success: function(res, status, xhr) {}, 
    error: function(xhr, status, err) {}, 
    complete: function(xhr, status) {} 
});