¿cómo hago una solicitud $ .get usando coffeescript?

Question

¿Cómo hago lo siguiente en 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

Ésta es otra manera ligeramente condensada escribirlo:

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

nota la falta de parens, y la abreviatura "{usuario}" objeto literal.

Answer 2

Esta es una manera:

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

Algunos de estos paréntesis pueden omitirse, pero en mi opinión, ayudan con la comprensión del flujo de código (por lo menos en esta situación).

Recomiendo juguetear con coffeescript aquí http://jashkenas.github.com/coffee-script/ (use el botón "try coffeescript"). El lenguaje es muy fácil de aprender.

Answer 3

Este es el mejor patrón genérico que he encontrado hasta el momento:

$.ajax '/yourUrlHere', 
    data : 
    key : 'value' 
    success : (res, status, xhr) -> 
    error : (xhr, status, err) -> 
    complete : (xhr, status) -> 

Compila a:

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