Как я могу использовать ajax в Zend Framework 2?

Вот наглядный пример:

http://akrabat.com/zend-framework-2/returning-json-from-a-zf2-controller-action/

Вы должны использовать JsonMoodels для отправки ответа Json.

я использую это в своем контроллере:

    $view = new ViewModel(array('form'=>$my_form));
    //disable layout if request by ajax
    $view->setTerminal($request->isXmlHttpRequest());
    $view->setTemplate('path/to/phtml');
    return $view;

Пользователь хотел знать, как вернуть только html, а не json, как предлагает ответ Эндрюса.

Я также хотел, чтобы html возвращался, чтобы я мог использовать его с плагином jquery qtip, и вот как я это сделал. Мне также пришлось сделать так, чтобы страница изящно деградировала в случае сбоя javascript, например. выходные данные страницы должны правильно отображаться в шаблоне макета.

    /**
 * Tourist Summary action
 *
 * @return ViewModel
 */
public function touristSummaryAction()
{
    // Get the Id 
    $id = $this->params()->fromRoute('id', '');

    // Get the data from somewhere
    $data = array() ;

    // Get the html from the phtml
    $view = new ViewModel(
        array(
            'id' => $id ,
            'data' => $data ,
        )
    );

    //disable layout if request by ajax
    $view->setTerminal($this->getRequest()->isXmlHttpRequest());
    return $view;

}

Самый простой способ отправки запросов ajax и обработки ответов — это модуль zf2 WasabiLib

Вам нужно только добавить «ajax_element» в атрибут класса к элементу, который вы хотите вызвать запрос ajax. Неважно, отправка формы, ссылка или кнопка. Посетите страницу с примерами http://www.wasabilib.org/application/pages/examples. Если ваше приложение много использует ajax, я рекомендую этот модуль.

Взгляните на этот модуль. www.wasabilib.org Кажется, вы очень хорошо управляете ajax.

Если у вас нет приложения, вы можете использовать скелет Wasabilib https://github.com/WasabiLib/wasabilib_zf2_skeleton_application. Он поставляется со всеми необходимыми активами в нужном месте.

Если у вас уже есть приложение, вам следует клонировать модуль: https://github.com/WasabiLib/wasabilib.

Минимальные требования: jQuery, ZF2

1. Добавьте модуль в application.config.php.
2. Включите wasabilib.min.js после jquery в заголовок вашего layout.phtml.

Как это работает в вашем .phtml-файле у вас есть такая форма:

<form id="simpleForm" class="ajax_element" action="simpleFormExample" method="POST">
<input type="text" name="written_text">
<input type="submit" value="try it">
</form>

В любом другом месте вашего phtml вы можете поместить элемент, где отображается ответ.

In your Controller the following method:

public function simpleFormExampleAction(){
    $postArray = $this->getRequest()->getPost();
    $input = $postArray['written_text'];
    $response = new Response(new InnerHtml("#element_simple_form","Server     Response: ".$input));
    return $this->getResponse()->setContent($response);
}

Форма имеет класс "ajax_element", это скажет библиотеке, что запрос будет выполнен с помощью xmlhttp-запроса. Это не сработает, если вы не дадите идентификатор запрашивающему элементу. Таким образом, форма имеет идентификатор «simpleForm». Действие — это «путь/к/контроллеру», как и при обычном запросе.

В действии контроллера создается экземпляр нового объекта WasabiLib\Ajax\Response. Класс InnerHtml предназначен для замены, добавления и добавления HTML или обычного текста к селектору. В этом случае селектор представляет собой идентификатор "element_simple_form". Первый параметр класса InnerHtml — это селектор. Убедитесь, что вы написали #yourElementId или .yourClassSelector. Для идентификаторов "#" и для селекторов классов "."

Второй параметр — это текст, которым вы хотите заполнить этот элемент.

Объект ответа может обрабатывать гораздо больше ответов, которые вы можете добавить с помощью

$response->add($anotherResponseType);

Список возможных типов ответа находится здесь: http://www.wasabilib.org/application/pages/components

Модуль построен для обработки ajax-запросов и ответов очень простым способом. Как только вы поймете поведение, вы сможете справиться почти со всеми практическими потребностями ajax.

Это работает для меня:

public function ajaxAction(){
    $data = array(
        'var1' => 'var1Value',
        'var2' => 'var2Value',
    );

    $response = $this->getResponse();
    $response->setStatusCode(200);
    $response->setContent(json_encode($data));

    $headers = $response->getHeaders();
    $headers->addHeaderLine('Content-Type', 'application/json');

    return $response;
}

Выход:

{"var1":"var1Value","var2":"var2Value"}