Javascript函数未定义,但它是

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',

我正在用AJAX表单提交做一些测试,我不断从下面的代码中得到
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">&times;</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是默认值,请添加一些解释。很抱歉,它包含在脚本标记中。现在它是可见的。谢谢,请添加一些解释。很抱歉,它进入了脚本标记。现在它是可见的。谢谢