Php 通过ajax在CodeIgniter中提交表单
我想通过ajax提交表单,但我不知道为什么表单不能通过ajax提交。为什么ajax不选择提交id呢?这段代码只是按照通常的方式提交,而不是通过ajax 在我错的地方帮助我Php 通过ajax在CodeIgniter中提交表单,php,jquery,ajax,codeigniter,Php,Jquery,Ajax,Codeigniter,我想通过ajax提交表单,但我不知道为什么表单不能通过ajax提交。为什么ajax不选择提交id呢?这段代码只是按照通常的方式提交,而不是通过ajax 在我错的地方帮助我 $(“#提交”)。单击(函数(){ 变量形式_数据={ 名称:$('#name').val(), 电子邮件:$('#email').val(), 消息:$(“#消息”).val() }; $.ajax({ url:“”, 键入:“POST”, 数据:表格数据, 成功:功能(msg){ 警报(msg); } }); 您应
$(“#提交”)。单击(函数(){
变量形式_数据={
名称:$('#name').val(),
电子邮件:$('#email').val(),
消息:$(“#消息”).val()
};
$.ajax({
url:“”,
键入:“POST”,
数据:表格数据,
成功:功能(msg){
警报(msg);
}
});
您应该防止表单提交的默认事件,如:
$('#submit').click(function(evt){
evt.preventDefault();
....
这样做:
我猜在这个脚本上面有jquery
<script type = "text/javascript">
$(function(){ // <----------------missed the doc ready function
$('form').submit(function(e){
e.preventDefault(); // <------this will restrict the page refresh
var form_data = {
name: $('#name').val(),
email: $('#email').val(),
message: $('#message').val()
};
$.ajax({
url: "<?php echo site_url('tuts_Contact_Controller/submit'); ?>",
type: 'POST',
data: form_data, // $(this).serialize(); you can use this too
success: function(msg) {
alert(msg);
}
});
});
});
</script>
$(function(){//usee.preventDefault();
或return false;
您在console中看到任何错误吗..?谢谢它能工作
$('#submit').click(function(evt){
evt.preventDefault();
....
<script type = "text/javascript">
$(function(){ // <----------------missed the doc ready function
$('form').submit(function(e){
e.preventDefault(); // <------this will restrict the page refresh
var form_data = {
name: $('#name').val(),
email: $('#email').val(),
message: $('#message').val()
};
$.ajax({
url: "<?php echo site_url('tuts_Contact_Controller/submit'); ?>",
type: 'POST',
data: form_data, // $(this).serialize(); you can use this too
success: function(msg) {
alert(msg);
}
});
});
});
</script>