0

我想在 ContactUs 表单上实现 Ajax，这是我的代码。控制器：

class ContactsController extends AppController {

public $layout = 'default';
public $helpers = array('Html', 'Form', 'Paginator','Js');
public $components = array('RequestHandler');

public function index(){
    if(!empty($this->data)){
        if($this->Contact->save($this->data)){
            if($this->RequestHandler->isAjax()){
                $this->render('success','ajax');
            } else {
            $this->Session->setFlash('Message sent');
            $this->redirect(array('action'=>'index'));
            }
        }
    }
}
}

查看文件

<?php echo $this->Html->script('jquery', FALSE); ?>
    <div id="success"></div>
    <h2>Contact Us</h2>

    <?php
            echo $this->Form->create();
            echo $this->Form->input('name',array('id'=>'name'));
            echo $this->Form->input('email',array('id'=>'email'));
            echo $this->Form->input('message',array('id'=>'message'));
            echo $this->Js->submit('Send',array(
                'before'=>$this->Js->get('#sending')->effect('fadeIn'),
                'success'=>$this->Js->get('#sending')->effect('fadeout'),
                'update'=>'#success'
            ));
            echo $this->Form->end();                
            ?>                
<div id="sending" style=" display: none;background-color: #90ee90;">Sending...</div>

在 view/layouts/ajax.ctp 文件中包含：

<?php //echo $this->fetch('content'); ?>
<?php echo $content_for_layout; ?>

我已经尝试过这两种方法。并且 default.ctp 布局包含在 head 部分：

echo $scripts_for_layout;
echo $this->Js->writeBuffer(array('cache'=>TRUE));

在源文件中包含 jquery，但 PHPStorm 在 jquery 文件中显示错误，并且 firebug 显示萤火虫表演

希望一切都会清楚，非常感谢任何帮助。

4

2 回答 2

0

我现在正在遇到一模一样的问题。我看到你正在使用 Andrew Perkins 的 Cakephp 教程（我使用的是完全相同的，所以我的代码是相同的）http://www.youtube.com/watch?v=dQ71psonQx0

我相信问题在于他基于 Cakephp 1.3 制作了这个视频教程。语法在 2.0 中发生了很大变化。我还没有弄清楚如何让它在 2.2.3 中工作，但我认为这就是原因。

于 2013-02-09T22:44:45.287 回答
0

你应该禁用before和success回调上的缓冲区。

echo $this->Js->submit('Send',array(
    'before'=>$this->Js->get('#sending')->effect('fadeIn', array('buffer' => false)),
    'success'=>$this->Js->get('#sending')->effect('fadeOut', array('buffer' => false)),
    'update'=>'#success'
));

编辑：错字也可能导致此问题：'fadeout'而不是'fadeOut'.

于 2013-01-28T08:02:54.260 回答