php - jQuery ajax 不起作用

Question

我制作了一个测试 jQuery ajax 脚本，并在提交时将其附加到表单中，但尽管我在函数末尾有 return false ，但页面在提交时不断刷新，我也没有得到任何回应。

表单如下所示:

<form id="LogInForm" onsubmit="return LogIn();">
    <input type="text" placeholder="Username" name="Username"><br/>
    <input type="password" placeholder="Password" name="Password"><br/>
    <input id="LogIn" type="submit" value="Sign In">
</form>

脚本如下所示:

function LogIn() {

    $.ajax({
          type:'POST',
          url: 'login.php',
          data:$('#LogInForm').serialize(),
          success: function(response) {
                    alert(response);
                 }});
        return false;
       }

login.php 文件仅包含 echo "test";

index.php 和 login.php 位于同一文件夹中。

Answer 1

我刚刚从您的表单中删除了 onsubmit 并将其实现到脚本中。

<form id="LogInForm">
    <input type="text" placeholder="Username" name="Username"><br/>
    <input type="password" placeholder="Password" name="Password"><br/>
    <input id="LogIn" type="submit" value="Sign In">
</form>

脚本

$(function() {
    $("#LogInForm").submit(function() {
        $.ajax({
          type:'POST',
          url: 'login.php',
          data:$('#LogInForm').serialize(),
          success: function(response) {
               alert(response);
           }});
        return false;
    });
});