¿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"); }); })Aquí hay otra forma ligeramente condensada de escribirlo:
$ -> $('input#username').keyup -> username = $(this).val() callback = (response) -> markerUsername response $.get '/users/check_username/', {username}, callback, 'json'Tenga en cuenta la falta de paréntesis y el literal de objeto abreviado "{username}".
Este es el mejor patrón genérico que he encontrado hasta ahora:
$.ajax '/yourUrlHere', data : key : 'value' success : (res, status, xhr) -> error : (xhr, status, err) -> complete : (xhr, status) ->Se compila hasta:
$.ajax('/yourUrlHere', { data: { key: 'value' }, success: function(res, status, xhr) {}, error: function(xhr, status, err) {}, complete: function(xhr, status) {} });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 se pueden omitir, pero en mi opinión, ayudan a comprender el flujo del código (al menos en esta situación).
Recomiendo jugar con coffeescript aquí http://jashkenas.github.com/coffee-script/ (use el botón "probar coffeescript"). El idioma es muy fácil de aprender.