使用AJAX将Zend PHP返回的数组转换为JQuery，而无需重新加载页面

Question

I'm having a bit of a problem using AJAX with Zend. Apologies if I'm rambling a little. I'd rather give too much information than not enough.

OK, so I have a table of events in my view tpl that should be updated when when a set of dates is selected. In order to do this, when dates are selected, I have an AJAX request sent to "Controller/Action?dates=somedates". There is then some code done to break this up and send a mysql request through the model. The model then returns an array of events to the controller.

All of this so far works fine. The issue I have from here is getting this array back to JQuery so I can insert it into the table on my tpl. Whenever the PHP hits the return statement in the action, it tries to reload the page.

function getEvents(){
    var string = $('#datesselect .entrybox').find('.selected').attr('data-cleandate');

    $.ajax({
        url : '/Listing/getevents?dates=' + string,
        type : 'get',
        success : function(data){
            console.log(data);
        }
    });
}

Basically I just want the following: AJAX calls PHP > PHP does model call and returns array of results > Array is passed back to JQuery without reloading the page.

Is this possible? Am I doing something fundamentally wrong? Any ideas at all?

Thanks for your time.

Answer 1

Add this to your controller:

public function init()
{
    $ajaxContext = $this->_helper->getHelper('AjaxContext');
    $ajaxContext->addActionContext('getevents', array('json', 'html'))->initContext();
}

This will tell zend that you either return json or html format.

Then in your geteventsAction do the following:

$this->_helper->layout()->disableLayout();
$this->_helper->viewRenderer->setNoRender(true);
echo Zend_Json::encode($your_json_data);
exit;

This will prevent rendering of your layout and view and will only output your json.

You could also use $.getJSON. This will treat your returned data as json.