CoffeeScript - AJAXポスト/問題を返す空白の結果を返す

Question

私はCoffeescriptでウェブサイトを書き直し中ですが、私はいくつかの非常にnoobyエラーに悩まされています。私はそれがおそらく非常に簡単な答えであることを知っていますが、私はかなりの時間のためにこれに立ち往生していますので、投稿することに決めました。どんなに私がしようとすると、それとフィドル方法

$ -> 
    rankings = new Rankings 
    $('.filter').click -> 
     #highlighting filter on click 
     if $(this).hasClass('genre-filter') 
      rankings.filters.set('genre', $(this).html().toLowerCase()) 
     else 
      rankings.filters.set('time', $(this).html().toLowerCase()) 
     #todo: add loading screen to rankings here 
     #ajax post 
     $.post '../history/ajax/rankingsajax.php', 
      genrefilter: rankings.filt('genre') 
      timefilter: rankings.filt('time') 
      artistfilter: rankings.filt('artist') 
      userfilter: rankings.filt('user') 
      (data) -> 
       alert data 

、それは常に空白のポップアップウィンドウを警告終わる：

は、ここに私のコードではありません。だから私はもっと簡単な例を試してみたいと思っています。私は以下を試しました：

$.get '../index.html', (data) -> alert data 

しかし、これも空白のポップアップウィンドウになります。

上記のコードはJSに正しくコンパイルされるため、どこから始めるべきか分かりません。どんな助けもありがとうございます。

- カルバン

Answer 1

中括弧とかっこを使用するのを恐れないでください。それらは必須ではありませんが、何が起こっているのかを明確にするのに役立ちます。

$ -> 
    rankings = new Rankings 
    $('.filter').click -> 
     #highlighting filter on click 
     if $(this).hasClass('genre-filter') 
      rankings.filters.set('genre', $(this).html().toLowerCase()) 
     else 
      rankings.filters.set('time', $(this).html().toLowerCase()) 
     #todo: add loading screen to rankings here 
     #ajax post 
     $.post '../history/ajax/rankingsajax.php', { 
      genrefilter: rankings.filt('genre') 
      timefilter: rankings.filt('time') 
      artistfilter: rankings.filt('artist') 
      userfilter: rankings.filt('user') 
     }, (data) -> console.log(data) 

空白のポップアップでは、少なくとも、成功コールバックになっていることがわかります。正しいURLを呼び出していることを確認してください。私はあなたが相対パス、../history/ajax/rankingsajax.phpを使用していることに気付きました。そのパスが、JavaScriptファイル自体ではなくJavaScriptを使用しているHTMLページに相対的であることを確認してください。

alert(data)の代わりに、console.log(data)を使用し、ChromeとSafariでFirebugまたはJSコンソールを使用して、何が起こっているのかを確認します。コンソールはアラートよりも多くの情報を提供します。私はバックステップであなたの相対URLについてはよく分からない

幸運、 サンドロ

Answer 2

。パスを拡張しようとします。