Calling AJAX in Coffeescript

Question

I have an ajax call that works well in a view, but I would like to make it in a coffee script, right inside a datatable call. The code looks like:

    $(document).ready(function () {
    $.ajax({
      type: "GET",
      url: "<%= people_path(format: :json) %>",
      dataType: "json",
      success: function({data}) {
        const user_ids = data.map(user => user.id)
        $("#people-ids").html(user_ids.join());
      }
    });
  });

I am new to coffeescript, so I need some help to finish the method around the mapping section. I could go as far as this:

ajax:
  type: 'GET'
  url: $('#people-datatable').data('source')
  dataType: 'json'
  success: ({data}) ->

I obtain 7 objects in {data}, but i do not know how to continue to retrieve their ID as in JS. can someone help please ?

I'm not sure what the issue is--it can be the same as the JS. — Dave Newton
– Dave Newton, Commented Sep 22, 2022 at 16:45
When i simply put the same as JS I get an error user does not exist in the data.map line — Rene Chan
– Rene Chan, Commented Sep 23, 2022 at 1:09

caffeinated.tech · Accepted Answer · 2022-09-23 12:59:24Z

1

In the map iterator function you need to wrap the parameter name in parenthesis. Coffeescript doesn't support the syntax without parenthesis which is allowed in javascript.

It would be ambiguous as it could be interpreted as user => ... being a function user being executed with the argument => ...

This should work:

$(document).ready ->
  $.ajax
    type: "GET",
    url: "<%= people_path(format: :json) %>",
    dataType: "json",
    success: ({ data }) ->
      user_ids = data.map (user) -> user.id
      $("#people-ids").html user_ids.join()

While you are learning the syntax it might be useful to build snippets in http://coffeescript.org/#try: so you can see what it transpiles to instantly.

answered Sep 23, 2022 at 12:59

caffeinated.tech

6,5561 gold badge24 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Calling AJAX in Coffeescript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related