javascript - 使用 ajax 获取表单数据

Question

我正在尝试使用 ajax 做一个简单的表单邮件。但是，我无法从表单中获取数据。

我的表格：

<?php echo $this->Form->create('Page', array('default' => false)); ?>
<?php echo $this->Form->input('texto', array('label' => FALSE, 'type' => 'textarea)); ?>
<?php echo $this->Form->submit('Enviar', array('id' => 'enviar'));
        echo $this->Form->end();

我的阿贾克斯：

$(document).ready(function() {

$('#enviar').click(function(){
$.ajax({
  type: 'post',
  complete: function(r){
    $('div.teste').html('<h4> Enviado!</h4>');
  }
  })
 })
});

控制器：

    if($this->request->is('ajax')) {
    debug($this->request->data);

App::uses('CakeEmail', 'Network/Email');
$Email = new CakeEmail('gmail');
$Email->to('xxxx@gmail.com');
$Email->subject('Nova Mensagem - Site Althi');
$Email->send($mensagem);

            }

}

我的控制器发送电子邮件。电子邮件已发送成功，但数据this->request->data为空白数组。我认为问题是从ajax传递的数据。可以帮帮我吗？

Answer 1

您必须data在 ajax 函数调用中设置值。

$.ajax(
    thecontrollerurl,
    {data: $("#theformid").serialize()}
);

更多信息在这里：http ://api.jquery.com/jQuery.ajax/

Answer 2

$data = $this->Js->get('#YourformORelementID')->serializeForm(array('isForm' => true, 'inline' => true));

接着

$this->Js->get('#enviar');
$this->Js->event('click', 
$this->Js->request(
    array('controller' => 'someController', 'action' => 'someAction'),
    array('async' => true, 'data' => $data, 'update' => 'div.teste')
));