how do i make a $.get request using coffeescript?

Question

How do I do the following 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

Here's another slightly condensed way to write it:

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

Note the lack of parens, and the shorthand "{username}" object literal.

Answer 2

This is the best generic pattern I've come up with so far:

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

It compiles down to:

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