我是新来的阿贾克斯。我想通过Ajax提交表单并保存发送到数据库的数据。阿贾克斯表格提交
类似Facebook状态更新 - 其中文本区域被禁用,然后submited。一旦它保存在数据库中,它会返回并更新顶部的状态消息。并再次启用文本区域。
这是我的形式
<?php echo $form->create('StatusMessage', array('type' => 'post', 'url' => '/account/updateStatus', 'id' => 'updateStatus')); ?>
<?php echo $this->Form->input('id', array('value' => $user['User']['id'],'type' => 'hidden')); ?>
<?php echo $this->Form->textarea('message', array('value' => 'What have you been eating ?')); ?>
编辑:由0 RioTera建议修改
CakePHP的行动
function updateStatus() {
$this->autoRender = false;
if($this->RequestHandler->isAjax()) {
$this->layout = 'ajax'; //THIS LINE NEWLY ADDED
$this->data['StatusMessage']['pid'] = 0;
$this->data['StatusMessage']['commenters_item_id'] = $this->data['StatusMessage']['item_id'] = $this->User->Item->itemId('1', $this->data['StatusMessage']['id']);
unset($this->data['StatusMessage']['id']);
//debug($this->data);
if($this->User->Item->StatusMessage->save($this->data)) {
return true;
} else {
echo 'not saved';
}
} else {
echo 'no';
}
}
Javascript代码
$(document).ready(function() {
var options = {
target: '#output2',
// target element(s) to be updated with server response
beforeSubmit: showRequest,
// pre-submit callback
success: showResponse, // post-submit callback
// other available options:
//url: url // override for form's 'action' attribute
//type: type // 'get' or 'post', override for form's 'method' attribute
//dataType: null // 'xml', 'script', or 'json' (expected server response type)
clearForm: true // clear all form fields after successful submit
//resetForm: true // reset the form after successful submit
// $.ajax options can be used here too, for example:
//timeout: 3000
};
$('#updateStatus').submit(function() {
// make your ajax call
$(this).ajaxSubmit(options);
return false; // prevent a new request
});
function showRequest(formData, jqForm, options) {
$('#StatusMessageMessage').attr('disabled', true);
}
function showResponse(responseText, statusText, xhr, $form) {
$('#StatusMessageMessage').attr('disabled', false);
alert('shdsd');
}
});
我有类似的代码。但showRequest没有采取任何措施。为什么我们需要showRequest(formData,jqForm,options)? – 2010-11-12 16:56:18
和禁用的作品。但提交后不启用。如何从我提交的行动中找回一些数据。就像我想显示用户名和照片以及消息和时间一样。在墙上 – 2010-11-12 17:12:41
当subimit按钮被点击时,你需要showRequest来禁用textarea。现在您需要从控制器帐户的操作update_status中返回一些数据。在这种情况下,该操作不会呈现整个页面,只显示您需要的数据(html,json)($ this-> autoRender = false)。花一些时间来解释所有的过程。你现在必须阅读cakephp手册。 – riotera 2010-11-12 17:41:28