web-dev-qa-db-ja.com

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

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

Creare/Groupedajax/controllers/AjaxController.php：

class Creare_Groupedajax_AjaxController extends Mage_Core_Controller_Front_Action {

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

Creare/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>

私のAjaxコール：

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

layout/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);
        }
    });
jqueryajaxmagentopostphp
22
Adam Moss

JavaScriptが.phtmlテンプレートファイルから出力されている場合、 便利な関数 を使用してURLを完全修飾することができます。これが最も安全な方法です。

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