Como usar Js-> submit () no CakePHP?
Estou tentando criar um formulário Ajax simples para um quadro de mensagens em um aplicativo CakePHP, mas não consigo descobrir como usar corretamente a função Js-> submit () para enviar um formulário pelo Ajax.
Aqui está o código do formulário na minha opinião:
<?php
echo $this->Form->create('Message',array(
'type' => 'post',
'action' => 'add',
'onSubmit' => 'return false;'
));
echo $this->Form->input('name', array('label' => 'From:'));
echo $this->Form->input('text', array('label' => 'Message:'));
echo $this->Js->submit('Post Your Message', array(
'action' => 'add',
'update' => '#message_board'
));
echo $this->Form->end();
?>
<div id="message_board">
...
</div>
E aqui está a ação do controlador:
function add() {
$this->autoRender = false;
if($this->RequestHandler->isAjax()) {
$this->layout = 'ajax'; //THIS LINE NEWLY ADDED
if(!empty($this->data)) {
if($this->Message->save($this->data)) {
$this->Session->setFlash('Your Message has been posted');
}
}
}
}
Estranhamente, o que acontece quando envio o formulário é uma cópia exata do formulário e sua div contendo é duplicada DENTRO da div message_board. Esquisito.
Obviamente, estou perdendo alguma coisa (ou várias coisas). Se alguém tiver alguma idéia, ou se souber uma boa fonte de informações sobre como usá-la, isso será muito apreciado.
Obrigado.
UPDATE: Tentei adicionar a nova linha$this->layout = 'ajax';
para o controlador (veja acima), mas não teve efeito. Aqui está a saída do jquery do CakePHP, caso isso possa dizer a alguém o que está acontecendo.
$(document).ready(function () {
$("#submit-707957402").bind("click", function (event) {
$.ajax({
action:"add",
data:$("#submit-707957402").closest("form").serialize(),
dataType:"html",
success:function (data, textStatus) {
$("#message_board").html(data);
},
type:"post",
url:"\/messages"
});
return false;
});
});