jQuery ajax 不起作用答案

【问题标题】：jQuery ajax does not workjQuery ajax 不起作用
【发布时间】：2025-12-06 20:10:01
【问题描述】：

我制作了一个测试 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 在同一个文件夹中。

【问题讨论】：

标签： php jquery ajax

【解决方案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;
    });
});

【讨论】：

非常感谢！这有点奇怪，因为我的代码与我在另一个项目中发布的代码（带有onsubmit="return function();" 的东西）几乎相同，并且它可以工作。更具体地说，这个：*.com/questions/29460437/…

【解决方案2】：

$(function() {
    $("#LogInForm").submit(function() {  
        $.post('login.php', $("#LogInForm").serialize()).done(function(data) {
            alert(data);
        }); 
    });
});

和 html

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

【讨论】：