Question

当我按“登录”或“注册”按钮但没有任何反应时，我正试图获得警报。我正在从Udemy课程中复制此代码，并且已经遍历了很多次，以确保它与我的老师代码完全一样，但仍然无法正常工作。

我有更多的JavaScript代码，但由于它在起作用，所以未在此处包含它。我只包含了对我不再有用的代码。我在这里查看了其他相关的问题和答案，人们说要在脚本标签中添加jQuery URL，但对我不起作用。

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="loginModalTitle">Login</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form>
          <input type="hidden" id="loginActive" name="loginActive" value="1">
  <div class="form-group">
    <label for="exampleInputEmail1">Email</label>
    <input type="email" class="form-control" id="email" aria-describedby="emailHelp" placeholder="Enter email">
  </div>
  <div class="form-group">
    <label for="password">Password</label>
    <input type="password" class="form-control" id="password" placeholder="Password">
  </div>

</form>
      </div>
      <div class="modal-footer">
        <a class="link" id="toggleLogin">Sign up</a>
        <button type="button" id="loginSignupButton" class="btn btn-primary">Login</button>
      </div>
    </div>
  </div>
</div>



    <script>
       $("#toggleLogin").click(function() {
    if ($("#loginActive").val() == "1") {

      $("#loginActive").val("0");
      $("#loginModalTitle").html("Sign Up");
      $("#loginSignupButton").html("Sign Up");
      $("#toggleLogin").html("Login");

    } else {
      $("#loginActive").val("1");
      $("#loginModalTitle").html("Login");
      $("#loginSignupButton").html("Login");
      $("#toggleLogin").html("Sign Up");
    }

  })

  $("#loginSignupButton").click(function() {

    $.ajax({
     type: "POST",
     url: "actions.php?action=loginSignup",
     data: "email=" + $("#email").val() + "&password=" + $("#password").val() + "&loginActive=" + $("#loginActive").val(),
        success: function(result) {
          alert(result);
        }

    })

  })
    </script>


------ actions.php

    <?php 
        include("functions.php");
        if ($_GET['action'] == "loginSignup") {      
              print_r($_POST);      
        }
    ?>

当我按下登录或注册按钮时，没有收到登录或注册警报。

Answer 1

缩小范围。在浏览器开发工具的网络面板中检查请求。如果该位置没有显示POST，则说明问题出在客户端。

在设置点击处理程序之前，等待DOM加载。将点击处理程序包装在$(document).ready()中。如果您已经这样做，则需要在问题中包含更多代码。根据您共享的内容，没有逻辑或语法错误。

Answer 2

感谢所有如此迅速想要帮助的人。我不知道自己做了什么，但是以某种方式解决了这个问题，却没有意识到自己在做什么。

再次感谢！：）

不显示成功警报

2 个答案: