没有正确生成jQuery + Coffeescript的AJAX调用

时间:2013-03-24 17:47:07

标签: javascript jquery ajax coffeescript

我有以下Coffeescript:

$(document).ready ->`
        $.ajax 'http://www.omdbapi.com/?i=tt1285016',
               type: 'GET'
               dataType: 'json'
               error: (jqXHR, textStatus, errorThrown) -> $('body').append "AJAX Error: #{textStatus}"          
               success: (data, textStatus, jqXHR) -> $('body').append "Successful AJAX call: #{data}"

然而,这会产生以下对我来说不合适的Javascript:

(function() {
  $(document).ready(function() {
    return $.ajax('http://www.omdbapi.com/?i=tt1285016');
  });

  ({
    type: 'GET',
    dataType: 'html',
    error: function(jqXHR, textStatus, errorThrown) {
      return $('body').append("AJAX Error: " + textStatus);
    },
    success: function(data, textStatus, jqXHR) {
      return $('body').append("Successful AJAX call: " + data);
    }
  });

}).call(this);

谁能告诉我哪里出错了?

谢谢, 亚当

1 个答案:

答案 0 :(得分:0)

我无法编译您当前的代码(CoffeeScript version 1.6.1),但是如果您在`后删除$(document).ready ->符号,则会将其编译为

(function() {

  $(document).ready(function() {
    return $.ajax('http://www.omdbapi.com/?i=tt1285016', {
      type: 'GET',
      dataType: 'json',
      error: function(jqXHR, textStatus, errorThrown) {
        return $('body').append("AJAX Error: " + textStatus);
      },
      success: function(data, textStatus, jqXHR) {
        return $('body').append("Successful AJAX call: " + data);
      }
    });
  });

}).call(this);

我不确定CoffeeScript如何处理换行符,但我猜您在Windows end-of-lines系统上编译了CRLF*nix)的文件,并且导致问题。

我说的是因为类似下面的代码:

 $(document).ready ->

        $.ajax 'http://www.omdbapi.com/?i=tt1285016',

      type: 'GET'

      dataType: 'html'

      error: (jqXHR, textStatus, errorThrown) -> $('body').append "AJAX Error: #{textStatus}"

      success: (data, textStatus, jqXHR) -> $('body').append "Successful AJAX call: #{data}"

汇编到您发布的那个。 (请注意,

之后的第3行有一个换行符