[英]Ajax Post not working in Mozilla Firefox
我有一个站点,当用户单击更新时,我会将所有需要更新的值发送到运行UPDATE数据库查询的php页面。 我使用Ajax将数据传输到php页面。 此更新在Chrome和Internet Explorer中有效,但在Mozilla中不起作用。 我跑了萤火虫,意识到甚至没有向服务器发出请求,我也不知道为什么
这是我的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 );
});
}
});
});
想出了一种解决方法,但并不真正知道错误是什么以及解决方案为何对其进行修复。希望有人可以解释我所做的更改如何修复该错误。 无论如何,所以我所要做的就是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);
});
}
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.