Magento内で基本的なAJAX呼び出しを使用する

Question

Magentoで簡単なAjax呼び出しを実行するモジュールを作成していますが、これまでのところ動作させることができません。これらは私が現在持っているファイルです。

クレアーレ/ Groupedajax /コントローラ/ AjaxController.php：

class Creare_Groupedajax_AjaxController extends Mage_Core_Controller_Front_Action { 

    public function indexAction() { 
     $this->loadLayout(); 
     $this->renderLayout(); 
    } 
} 

クレアーレ/ Groupedajaxの/ etc/config.xmlに：

<?xml version="1.0"?> 
<config> 
    <modules> 
    <Creare_Groupedajax> 
     <version>0.1.0</version> 
    </Creare_Groupedajax> 
    </modules> 
    <frontend> 
    <routers> 
     <groupedajax> 
     <use>standard</use> 
     <args> 
      <module>Creare_Groupedajax</module> 
      <frontName>groupedajax</frontName> 
     </args> 
     </groupedajax> 
    </routers> 
    <layout> 
     <updates> 
     <groupedajax> 
      <file>groupedajax.xml</file> 
     </groupedajax> 
     </updates> 
    </layout> 
    </frontend> 
</config> 

My Ajax Call：

$j.post("groupedajax/ajax/index", { size: $j(this).val()}, function(data) { 
     $j('#results').html(data); 
    }); 

レイアウト/ groupedajax.xml：

<?xml version="1.0"?> 
<layout version="1.0"> 
    <groupedajax_ajax_index> 
    <block type="groupedajax/groupedajax" name="root" output="toHtml" template="groupedajax/groupedajax.phtml" /> 
    </groupedajax_ajax_index> 
</layout> 

私.phtmlのファイルは、単に現時点ではそれで 'テスト' を持っています。私は 'テスト'の値を返すために私の結果divが必要です。私はちょうどこれが機能するためにすべてのビットがあるかどうかを知りたいですか？

これは私が従っているチュートリアルです：======= http://www.atwix.com/magento/ajax-requests-in-magento/

========================解決しよう=================

は、私はちょうど私のURLの先頭にスラッシュが必要：

$j.ajax({ 
     url: "/groupedajax/ajax/index", 
     type: "POST", 
     data: "size="+$j(this).val(), 
     success: function(data) { 
     $j('#results').html(data); 
     } 
    }); 

Answer 1

使いのブラウザではJavaScriptが出力されている場合.phtmlテンプレートファイルの場合は、a convenience functionを使用してURLを完全修飾してから安全なWA yを進める。

$j.ajax({ 
    url: "<?php echo $this->getUrl('groupedajax/ajax/index') ?>", 
    type: "POST", 
    data: "size="+$j(this).val(), 
    success: function(data) { 
    $j('#results').html(data); 
    } 
});