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;
    });
});

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

jQuery ajax不起作用

2 个答案: