Блог

Я часто использовал AJAX в PHP, но сейчас я пытаюсь изучить CakePHP, и мне не удалось найти ни одного хорошего / простого примера того, как использовать AJAX с CakePHP 1.3. Единственные примеры, которые я смог найти, предназначены для подкачки (не то, что мне нужно), или использовать устаревшие помощники, заставляя вас включать scriptaculous или prototype.

Есть ли какие-нибудь хорошие / простые примеры того, как использовать AJAX с CakePHP 1.3? Или это что-то, что кто-нибудь мог бы объяснить здесь?

Все, что я хочу сделать, это попросить пользователя щелкнуть ссылку, которая извлекает содержимое php-файла и вставляет его в div. Содержимое php-файла будет изменено на основе некоторых переменных POST или GET, отправленных с помощью вызова ajax. Кажется достаточно простым: (

Это шаблон, который я использую в CakePHP 1.3.x. Процесс, как правило,:

1. Создание альтернативного json-ориентированного макета и файлов просмотра
2. Определение, является ли входящий запрос AJAX
3. Явный рендеринг альтернативного макета / представления в формате json вместо текста / html

Обязательно включите компонент RequestHandler и JsHelper в контроллер вашего приложения.

В данном контроллере:

 function test() {
    if($this->RequestHandler->isAjax()) {
        $this->set('data', $this->data);
        // Explicit call to render an ajax response, using a layout and view made specifically for ajax
        $this->layout = 'json';
        $this->render('ajax_test');    
    }
    // else render views/controllername/test.ctp like normal
}
  

Ваше приложение / просмотры / макеты / файл json.ctp:

 <?php
    header("Pragma: no-cache");
    header("Cache-Control: no-store, no-cache, max-age=0, must-revalidate");
    header('Content-Type: text/x-json');
    header("X-JSON: ".$content_for_layout);

    echo $content_for_layout;
?>
  

Ваш файл app / views / controllername / ajax_test.ctp должен содержать только:

 <?php echo $js->object($data); ?>
  

Теперь, на вашей странице, которая на самом деле собирается выполнить вызов ajax, это может выглядеть примерно так, с кодом jQuery:

 <div id='status'></div>
<?php echo $form->create('Test', array('id'=>'testForm')),
           $form->input('message'),
           $form->end();
?>
<script type='text/javascript'>
    $('#testForm').submit(function(event) {
    event.preventDefault(); // interrupt form submission
    $.ajax({
        type: "POST",
        url: "/controllername/test",
        data: $('#testForm').serialize(),
        success: function(data, textStatus, xmlHttpRequest) {               
            $("#status").html(data.Test.message);
        },
        error: function(jqXHR, textStatus, errorThrown) {
            alert("There was a problem processing the request: "   jqXHR);
        }
    });
});
</script>
  

Вы можете проверить http://wakeusup.com/2011/06/kkajaxify-plugin-cakephp / для отличного плагина ajax

Обычно я включаю файл js в требуемый вид $this->Html->script('file', false); . Затем в этом файле я выполняю все необходимые действия AJAX (создаю данные для отправки, отправляю их на другую страницу, возвращаю данные обратно и, наконец, показываю их в требуемом div).

Но имейте в виду, что файл, в который отправляются данные, должен быть относительно корневого каталога приложения. Это единственный способ заставить его работать ( $.get('/users/view/5'); — в jQuery)