Call controller by ajax but returning html instead of just json data in magento 1.9

Question

I have created ajax function to call controller, and in conmtroller i have fetched some data and return as json, but in ajax function in response it is printing whole html page, instead of just json data.

Controller:

<?php

class Mage_Catalog_ProductwidgetController extends Mage_Core_Controller_Front_Action
{

    public function execute()
    {
        //$catid = $this->getCategory()->getId();
        $_category = Mage::registry('current_category');
        $catid = $_category->getId();
        $_productCollection = Mage::getModel('catalog/category')->load($catid)
            ->getProductCollection()
            ->addAttributeToSelect('*')
            ->addFieldToFilter('status', 1)
            ->addAttributeToFilter('visibility', 4)
            ->joinField('is_in_stock',
                'cataloginventory/stock_item',
                'is_in_stock',
                'product_id=entity_id',
                'is_in_stock=1',
                '{{table}}.stock_id=1',
                'left');
        foreach ($_productCollection as $_product) {
            $_product->getData();
            $json_products[] = array(
                'name' => $_product->getName(),
                'url' => $_product->getProductUrl(),
                'entity_id' => $_product->getEntityId());
        }

        $this->getResponse()->clearHeaders()->setHeader('Content-type', 'application/json', true);
        $this->getResponse()->setBody(json_encode($json_products));
    }
}

Ajax:

jQuery.ajax({
            type: 'POST',
            url: "<?php echo $this->getUrl('/controller/'); ?>",

            success : function(data){
               console.log(data);
            }
        });

Where I am wrong, it returns page html instead of json data.

Use dataType: "json" in Ajax Call. <br> Refer : stackoverflow.com/questions/17426199/… — Gondaliya Darshan
– Gondaliya Darshan, Commented Feb 27, 2018 at 11:57

sorak · Accepted Answer · 2018-02-27 06:25:36Z

2

Just print the JSON you want returned and die(). That call is only generating raw output, so there's no reason to run it through a view.

answered Feb 27, 2018 at 6:25

sorak

2,6332 gold badges18 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Syed Waqas Bukhary · Accepted Answer · 2018-02-27 16:18:26Z

0

Instead of

$this->getResponse()->clearHeaders()->setHeader('Content-type', 'application/json', true);
 $this->getResponse()->setBody(json_encode($json_products));

Use $this->getResponse()->setBody(Zend_Json::encode($json_products)); to return json output.

edited Feb 27, 2018 at 16:18

Syed Waqas Bukhary

5,3605 gold badges51 silver badges62 bronze badges

answered Feb 27, 2018 at 16:13

roshni

3412 silver badges5 bronze badges

Comments

Piyush · Accepted Answer · 2018-02-28 06:09:31Z

0

First you have to add dataType : 'json' in you ajax param, your ajax code will be

jQuery.ajax({
            type: 'POST',
            url: "<?php echo $this->getUrl('/controller/'); ?>",
            dataType : 'json',
            success : function(data){
               console.log(data);
            }
        });

Then in your controller set your response as below

$this->getResponse()->setHeader('Content-type', 'application/json');
$this->getResponse()->setBody(Mage::helper('core')->jsonEncode($json_products));

answered Feb 28, 2018 at 6:09

Piyush

4557 silver badges19 bronze badges

Collectives™ on Stack Overflow

Call controller by ajax but returning html instead of just json data in magento 1.9

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related