3

我必须添加 5 个单独的选项卡，例如按类别、我们的选择、最受欢迎的最高评价、主页本身的收藏夹，并且每个选项卡都应列出该产品下的产品，而无需重新加载整页。那是使用 ajax ，是否可以在 magento 中使用。

如果是这样，请指导我。

4

1 回答 1

11

正如约瑟夫所说，人们可以用 AJAX 调用 Magento 控制器动作。

我们在最近的一个项目中使用了这样的方法：

新模块

创建一个新模块并在其中创建一个新控制器。这可以以通常的方式完成，并且网络上有一些关于它的教程 - 例如http://www.magentocommerce.com/wiki/5_-_modules_and_development/0_-_module_development_in_magento/custom_module_with_custom_database_table - 忽略数据库部分，它是控制器部分有什么有趣的。

控制器

假设您有您的模块，并且http://yourmagento/yourmodule/index/指向您的 IndexController 中的 indexAction()。您的 IndexController 可能如下所示：

<?php class YourNamespace_YourModule_IndexController extends Mage_Core_Controller_Front_Action {

        public function indexAction() {
            $id = $this->getRequest()->getParam('id');

            if($id) {
                $_category = Mage::getModel('catalog/category')->load($id);
                $product = Mage::getModel('catalog/product');

                //load the category's products as a collection
                $_productCollection = $product->getCollection()
                    ->addAttributeToSelect('*')
                    ->addCategoryFilter($_category)
                    ->load();

                // build an array for conversion
                $json_products = array();
                foreach ($_productCollection as $_product) {
                    $_product->getData();
                    $json_products[] = array(
                                'name' => ''.$helper->htmlEscape($_product->getName()).'',
                                'url' => ''.$_product->getProductUrl().'',
                                'description' => ''.nl2br($_product->getShortDescription()).'',
                                'price' => ''.$_product->getFormatedPrice().'');
                }

                $data = json_encode($items);

                echo $data;
            } 
        }
    }

模板

您可以在模板中调用该 url，例如通过 jQuery（我确实喜欢使用它，但是，请注意 magento 使用原型的事实 - 您可能需要注意命名空间冲突）

尽管如此，这里是一个示例调用（我将它绑定到元素上的单击事件）：

var url = 'http://yourmagento/yourmodule/index/';
var value = 32; // your category id

    $('#clickMe').click(function() {
        $.ajax({
            url: url,
            type: 'POST',
            data: {id: value},
            success: function(data) {
            // you get the json back and can populate your html with it (e.g. your tab)
        });
    });

希望，这有帮助。

lg,

弗洛

于 2010-11-05T12:59:12.403 回答