You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在CoffeeScript的DataTable AJAX请求中提取对象ID?

CoffeeScript中DataTable AJAX回调提取ID的实现

完整的CoffeeScript代码

ajax:
  type: 'GET'
  url: $('#people-datatable').data('source')
  dataType: 'json'
  success: ({data}) ->
    # 提取所有用户ID,对应原JS的data.map(user => user.id)
    user_ids = data.map (user) -> user.id
    # 将ID数组拼接后插入DOM
    $('#people-ids').html(user_ids.join())

语法对应说明

  • CoffeeScript中箭头函数使用->替代JS的=>,单个参数的回调可省略括号,但保留括号可读性更强
  • 数组map方法的用法逻辑和JS完全一致,仅回调函数语法调整为CoffeeScript风格
  • DOM操作的html()方法用法与JS相同,CoffeeScript允许省略无歧义的括号

完整DataTable初始化示例

如果需要把这段AJAX配置嵌入DataTable初始化中,代码如下:

$(document).ready ->
  $('#people-datatable').DataTable
    ajax:
      type: 'GET'
      url: $('#people-datatable').data('source')
      dataType: 'json'
      success: ({data}) ->
        user_ids = data.map (user) -> user.id
        $('#people-ids').html(user_ids.join())
    # 可添加其他DataTable配置项(如列定义、分页设置等)

内容的提问来源于stack exchange,提问作者Rene Chan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.18 13:45:39