ajax - 在回调中解析 A​​JAX 响应

Question

我需要从 AJAX 回调中的一些 HTML 响应中访问一段数据。

在我的 Coffeescript 中，我想访问 completion-id 数据属性。当我执行以下操作时：

  $('.mark-completed')
    .bind "ajax:success", (event, data) ->
        console.log data
        console.log $(data)

我在控制台中得到这个数据：

<li class="learning_item_completion" data-completion-id="162" data-user-id="2" id="learning_item_completion_162">
  <div class="item-icon">
    <img alt="Thumb_alex_headshot_green_200x200" class="circular" height="60" src="/uploads/user/picture/2/thumb_alex_headshot_green_200x200.png" width="60" />
  </div>
  <div class="item">

这对于$（数据）：

[li#learning_item_completion_162.learning_item_completion, jquery: "1.9.1", constructor: function, init: function, selector: "", size: function…]
  0: li#learning_item_completion_162.learning_item_completion
  accessKey: ""
  attributes: NamedNodeMap
  0: class
  1: data-completion-id
    ...
    nodeValue: "162"
    value: "162"
    ...

访问完成ID的正确方法是什么？

Answer 1

只需添加：

$('.mark-completed')
.bind "ajax:success", (event, data) ->
    cid = $(data).find('.learning_item_completion').data('completion-id')
    console.log cid

Answer 2

$.ajax({
  url: "test.html"
}).done(function( html ) {
  $("#results").append(html);
  console.log(html);
//etc.
});