cakephp 2.3 ajax表单提交
我试图创建一个简单的表单,用ajax将数据提交到数据库。这是我的看法cakephp 2.3 ajax表单提交,php,ajax,jquery,cakephp,cakephp-2.0,Php,Ajax,Jquery,Cakephp,Cakephp 2.0,我试图创建一个简单的表单,用ajax将数据提交到数据库。这是我的看法 <?php echo $this->Html->script('jquery', FALSE); ?> <?php echo $this->Html->script('validation', FALSE); ?> <div id="success"></div> <h2>Contact Us</h2> <
<?php echo $this->Html->script('jquery', FALSE); ?>
<?php echo $this->Html->script('validation', 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: lightgreen;">Sending...</div>
它不是通过ajax发送表单。。实际上我是cakephp新手,这是我第一次在cakephp中使用ajax。我还想知道我是否可以使用codeigniter或简单的php,类似于cake php中表单提交的语法。比如像这样
<script>
$('#btn').click(function(event) {
form = $("#form").serialize();
$.ajax({
type: "POST",
url: "<?php echo site_url('categoryController/addCategory'); ?>",
data: form,
success: function(data){
$('.modal').modal('hide');
$(".success").fadeIn(500).delay(2000).fadeOut(500);
$("#form")[0].reset();
//Unterminated String constant fixed
}
});
event.preventDefault();
return false; //stop the actual form post !important!
});
</script>
$('#btn')。单击(函数(事件){
form=$(“#form”).serialize();
$.ajax({
类型:“POST”,
url:“”,
数据:表格,
成功:功能(数据){
$('.modal').modal('hide');
$(“.success”).fadeIn(500)、delay(2000)、fadeOut(500);
$(“#形式”)[0]。重置();
//未终止字符串常量固定
}
});
event.preventDefault();
return false;//停止实际表单发布!重要信息!
});
我得到了答案。我丢失了jquery.js
文件。你能更具体地告诉我是什么问题吗?你能看到使用firebug的ajax请求吗?很抱歉,我得到了答案,实际上我缺少jquery.js文件。如果你找到了答案,你能删除这个问题吗(因为这是一个文件问题,与编码无关)?或者自己回答并接受它?@Nunser/Moyed你能在纯jquery中发布一个没有Js助手的版本吗?
<script>
$('#btn').click(function(event) {
form = $("#form").serialize();
$.ajax({
type: "POST",
url: "<?php echo site_url('categoryController/addCategory'); ?>",
data: form,
success: function(data){
$('.modal').modal('hide');
$(".success").fadeIn(500).delay(2000).fadeOut(500);
$("#form")[0].reset();
//Unterminated String constant fixed
}
});
event.preventDefault();
return false; //stop the actual form post !important!
});
</script>