come faccio a fare una richiesta $ .get usando coffeescript?

Question

Come si esegue la procedura seguente in 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

Ecco un altro modo leggermente condensato di scriverlo:

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

nota la mancanza di parentesi, e la stenografia "{nome utente}" oggetto letterale.

Answer 2

Questo è un modo:

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

Alcune di queste parentesi possono essere omessi, ma a mio parere, si aiutano con la comprensione del flusso di codice (almeno in questa situazione).

Mi raccomando di giocherellare con il coffeescript qui http://jashkenas.github.com/coffee-script/ (utilizzare il pulsante "prova coffeescript"). La lingua è molto facile da imparare.

Answer 3

questo è il miglior modello generico mi è venuta in mente finora:

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

Compila fino a:

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