Ajax Post 在 Mozilla Firefox 中不起作用

Question

我有一个站点，当用户单击更新时，我将所有需要更新的值发送到运行 UPDATE 数据库查询的 php 页面。我使用 Ajax 将数据传输到 php 页面。该更新在 Chrome 和 Internet Explorer 中有效，但在 Mozilla 中无效。我运行了 firebug 并意识到甚至没有向服务器发出请求，我真的不知道为什么

这是我的 Ajax 代码

$(function() {
            $("#editGameBtn").click(function(){
                var gameId = $('#editGameId').val();
                var newTime = $('#editTime').val();
                var newDate = $('#editDate').val();
                var newGround = $('#editGround').val();
                var newHomeTeam = $('#editHomeTeam').find(":selected").text();
                var newAwayTeam = $('#editAwayTeam').find(":selected").text();

                   if(gameId === "" || newTime === "" || newDate === "" || newGround === ""|| newHomeTeam === ""|| newAwayTeam === "" )
                   {
                       alert("Please Select A game to Edit");
                   }
                    else{
                        $.ajax({
                            type: "POST",
                            url: "updateGame.php",
                           data: { gameId: gameId , newTime: newTime, newDate: newDate, newHomeTeam: newHomeTeam, newAwayTeam: newAwayTeam, newGround: newGround}
                          }).done(function(msg) {
                                alert( "Data Saved: " + msg );
                          });
                    }

            });
        });

Answer 1

想出了一种方法来修复它，但并不真正知道错误是什么以及解决方案修复它的原因。希望有人可以解释我所做的更改是如何修复错误的。无论如何，所以我所要做的就是 preventDefault 并且一切正常。

这是代码的工作版本

$(function() {
    $("#editGameBtn").click(function(e){
        var gameId = $('#editGameId').val();
        var newTime = $('#editTime').val();
        var newDate = $('#editDate').val();
        var newGround = $('#editGround').val();
        var newHomeTeam = $('#editHomeTeam').find(":selected").text();
        var newAwayTeam = $('#editAwayTeam').find(":selected").text();
        e.preventDefault();
           if(gameId === "" || newTime === "" || newDate === "" || newGround === ""|| newHomeTeam === ""|| newAwayTeam === "" )
           {
               alert("Please Select A game to Edit");
           }
            else{
                $.ajax({
                    type: "POST",
                    url: "updateGame.php",
                    data: { gameId: gameId , newTime: newTime, newDate: newDate, newHomeTeam: newHomeTeam, newAwayTeam: newAwayTeam, newGround: newGround}

                  }).done(function(msg) {
                       window.location.reload(true);
                  });
            }

    });
});