Javascript函数未定义,但它是
我正在用AJAX表单提交做一些测试,我不断从下面的代码中得到Javascript函数未定义,但它是,javascript,Javascript,我正在用AJAX表单提交做一些测试,我不断从下面的代码中得到ReferenceError:submit\u AJAX没有定义。但是,您可以看到它已被定义 <script type="javascript"> function submit_ajax(){ data = {'email':$('#email2').val(),'password':$('#pwd2').val()} $.ajax({ url: 'ajax_testing.php',
ReferenceError:submit\u AJAX没有定义。但是,您可以看到它已被定义
<script type="javascript">
function submit_ajax(){
data = {'email':$('#email2').val(),'password':$('#pwd2').val()}
$.ajax({
url: 'ajax_testing.php',
data: data,
success: function() {
//AJAX success
$('#success_fail').html('success!');
window.setTimeout(function() { $('#success_fail').hide(); }, 3000);
$('#myModal2').hide();
},
error: function() {
//Ajax failure
$('#success_fail').html('failed!');
window.setTimeout(function() { $('#success_fail').hide(); }, 3000);
$('#myModal2').hide();
}
});
}
</script>
<div>
<div id="success_fail"></div>
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" id="button_for_modal2" data-toggle="modal" data-target="#myModal2">Form Submitted via AJAX and No Parent Refresh</button>
<!-- Modal -->
<div class="modal fade" id="myModal2" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Title of Form</h4>
</div>
<div class="modal-body">
<h2>Vertical (basic) form</h2>
<!--<form action="<?PHP echo $_SERVER['PHP_SELF']; ?>" method="post">*******************************AJAX*********************************-->
<div class="form-group">
<label for="email">Email:</label>
<input type="email" class="form-control" id="email2" placeholder="Enter email (ajax)" name="email2">
</div>
<div class="form-group">
<label for="pwd">Password:</label>
<input type="password" class="form-control" id="pwd2" placeholder="Enter password (ajax)" name="pwd2">
</div>
<button onclick="submit_ajax()" class="btn btn-default">Submit</button>
<!--</form>-->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
函数submit_ajax(){
数据={'email':$('#email2').val(),'password':$('#pwd2').val()}
$.ajax({
url:'ajax_testing.php',
数据:数据,
成功:函数(){
//AJAX的成功
$('success\u fail').html('success!');
setTimeout(function(){$('#success_fail').hide();},3000);
$('#myModal2').hide();
},
错误:函数(){
//Ajax失败
$('success\u fail').html('failed!');
setTimeout(function(){$('#success_fail').hide();},3000);
$('#myModal2').hide();
}
});
}
表单通过AJAX提交,无父刷新
&时代;
表格标题
垂直(基本)形式
电邮:
密码:
提交
接近
我试着直接在控制台中运行这个函数,得到了同样的结果
你知道这里出了什么问题吗?不要使用JS代码的有效类型。不要使用JS代码的有效类型。更改你的脚本标签,或者不要包含类型或者将其设置为类型=“text/javascript”
函数submit_ajax(){
警报('submit_ajax working')
数据={'email':$('#email2').val(),'password':$('#pwd2').val()}
$.ajax({
url:'ajax_testing.php',
数据:数据,
成功:函数(){
//AJAX的成功
$('success\u fail').html('success!');
setTimeout(function(){$('#success_fail').hide();},3000);
$('#myModal2').hide();
},
错误:函数(){
//Ajax失败
$('success\u fail').html('failed!');
setTimeout(function(){$('#success_fail').hide();},3000);
$('#myModal2').hide();
}
});
}
提交
更改脚本标记,或者不包括类型
,或者将其设置为type=“text/javascript”
函数submit_ajax(){
警报('submit_ajax working')
数据={'email':$('#email2').val(),'password':$('#pwd2').val()}
$.ajax({
url:'ajax_testing.php',
数据:数据,
成功:函数(){
//AJAX的成功
$('success\u fail').html('success!');
setTimeout(function(){$('#success_fail').hide();},3000);
$('#myModal2').hide();
},
错误:函数(){
//Ajax失败
$('success\u fail').html('failed!');
setTimeout(function(){$('#success_fail').hide();},3000);
$('#myModal2').hide();
}
});
}
提交
问题在于属性type=“javascript”
-不是公认的javascript mime类型请参见:问题在于属性type=“javascript”
-不是公认的javascript mime类型请参见:或者根本不使用类型,因为text/javascript是默认类型,或者根本不使用类型,由于text/javascript是默认值,请添加一些解释。很抱歉,它包含在脚本标记中。现在它是可见的。谢谢,请添加一些解释。很抱歉,它进入了脚本标记。现在它是可见的。谢谢