Question

我有一个问题，当我尝试使用ajax函数时，我收到以下消息： TypeError：$。ajax不是函数。

在另一个页面上的同一项目中，AJAX函数调用可以正常工作，但在此页面中不起作用。

我在两个页面中使用的标题都相同

<!doctype html>
<html lang= "he">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
   <link rel="stylesheet" type="text/css" href="../CSS/mainCSS.css">


<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->

   <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
     <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  </head>
  <body dir ="rtl">
<button type="button" class="btn btn-primary" id = "singUpBtn">singup</button>
<button type="button" class="btn btn-primary" id = "loginBtn" >Login</button>
<script>
$('#loginBtn').click(function(){
    $.ajax({
        type:"POST",
        url:"registration.php",
        data:$('#regForm').serialize(),
        success:function(result){
                if(result == 1){
                window.location.assign("../Pages/page1.php");
                }else{
                    $('#regAlert').html(result).show();
                }
            }
        })  
})
$('#singUpBtn').click(function(){
    $.ajax({
            type:"POST",
            url:"registration.php",
            data:$('#singUpForm').serialize(),
            success:function(result){
                if(result == 1){
                window.location.assign("../Pages/page1.php");
                }else{
                    $('#singUpAlert').html(result).show();
                }
            }
        })  
})  
})
</script>
</body>
</html>

我不明白为什么在我的其他页面page1.php上，ajax调用可以正常工作，但在我的主页上却不能正常工作。

我做错了什么？

感谢您的帮助。

Answer 1

如果有帮助，请尝试用以下代码替换ajax代码

<script>
$('#loginBtn').click(function(){
  $.ajax({
    type:"POST",
    url:"registration.php",
    data:$('#regForm').serialize(),
    success:function(result){
            if(result == 1){
            window.location.assign("../Pages/page1.php");
            }else{
                $('#regAlert').html(result).show();
            }
        }
    });  
});

$('#singUpBtn').click(function(){
  $.ajax({
        type:"POST",
        url:"registration.php",
        data:$('#singUpForm').serialize(),
        success:function(result){
            if(result == 1){
            window.location.assign("../Pages/page1.php");
            }else{
                $('#singUpAlert').html(result).show();
            }
        }
    }); 
});  

</script>

TypeError：$ .ajax不是一个可以在一页中正常运行的函数，而不能在另一页中正常

1 个答案: