CoffeeScript和jQuery.post()成功:回调

时间:2011-11-01 05:12:59

标签: jquery coffeescript

我有以下脚本:

$ ->
    $('#new_event').submit ->
        $.post(
            $(this).attr('action')
            $(this).serialize()
            success: (data, textStatus, jqXHR) ->
                processData(data, textStatus, jqXHR)
        )
        return false

processData = (data, textStatus, jqXHR) ->
    alert(data)
到目前为止,我不能为我的生活调试这个。它呈现为:

(function() {
  var processData;
  $(function() {
    return $('#new_event').submit(function() {
      $.post($(this).attr('action'), $(this).serialize(), {
        success: function(data, textStatus, jqXHR) {
          return processData(data, textStatus, jqXHR);
        }
      });
      return false;
    });
  });
  processData = function(data, textStatus, jqXHR) {
    return alert(data); //BREAKPOINT HERE
  };
}).call(this);

看起来对我好。如果我把断点放在alert上,它永远不会停在那里。我的javascript知识非常有限,所以我显然在这里遗漏了一些东西。很想知道发生了什么。

谢谢, 达尼。

1 个答案:

答案 0 :(得分:12)

我认为您的CoffeeScript没问题,但您的$.post参数错误。来自fine manual

  

jQuery.post( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] )

因此,您不要将success: fn(...)参数与$.post一起使用,只需给它一个函数:

$ ->
    $('#new_event').submit ->
        $.post(
            $(this).attr('action')
            $(this).serialize()
            (data, textStatus, jqXHR) ->
                processData(data, textStatus, jqXHR)
        )
        false

processData = (data, textStatus, jqXHR) ->
    alert(data)

甚至:

$ ->
    $('#new_event').submit ->
        $.post(
            $(this).attr('action')
            $(this).serialize()
            processData
        )
        false

processData = (data, textStatus, jqXHR) ->
    alert(data)

或:

$ ->
    $('#new_event').submit ->
        $.post(
            $(this).attr('action')
            $(this).serialize()
            (data, textStatus, jqXHR) ->
                alert(data)
        )
        false

如果您不介意额外的缩进,并且在其他地方不需要processData