$ .ajax发布在Chrome中，但在Firefox中没有

好的，我会做空的。 我有这个脚本，它将值放在数据库中。 它在Chrome，Safari中运行良好，但无法在Firefox或IE中运行。 似乎数据甚至没有发布到.php文件，并且ajax根本没有启动。 有人吗？

这是我的jquery脚本：

$(document).ready(function(){ $("#dodaj").click(function(){ event.preventDefault(); var kategorija = $("#kategorija option:selected").val(); var si = $("#si").val(); var hu = $("#hu").val(); var de = $("#de").val(); var an = $("#an").val(); var hr = $("#hr").val(); $.ajax({ type: "POST", url: "dodaj_v_bazo.php", data: {"kategorija": kategorija, "si": si, "hu": hu, "de": de, "an": an, "hr": hr}, success: function(data){ alert( "Jed uspešno dodana."+data); }, }); return false; }); }); 

这是我的php文件中的内容：

 $kategorija = $_POST['kategorija']; $si = $_POST['si']; $hu = $_POST['hu']; $de = $_POST['de']; $an = $_POST['an']; $hr = $_POST['hr']; $dodaj_v_bazo = "INSERT INTO jedi (kategorija, si, hu, de, an ,hr) VALUES ('$kategorija', '$si', '$hu', '$de', '$an', '$hr')"; mysql_query($dodaj_v_bazo) or die(mysql_error()); 

Answer 1

您没有将event定义为事件处理程序的参数，因此在

 event.preventDefault(); 

浏览器尝试在全局范围内查找event 。 Chrome碰巧在全局范围内提供事件对象（因此没有错误），但Firefox没有（因此出错）。

我建议将event参数添加到事件处理程序：

 $("#dodaj").click(function(event){ event.preventDefault(); // ... }); 

还有一个区别：如果您没有定义event参数，则event将引用Chrome中的本机事件对象，这与jQuery传递给处理程序的事件对象不同。

要了解有关使用jQuery进行事件处理的更多信息，我建议您阅读这些文章 。

Answer 2

如果您在表单提交时触发，则异​​步调用可能无法在FF中运行。 您可以为您的ajax调用添加async：false，它将起作用。 无论是您是否具有跨域调用，您必须通过CORS进行修复。

Answer 3

在Firefox v49.0.2及更高版本中修复了Firefox缺少$ajax异步调用的问题。

 $(document).ready(function(){ $("#dodaj").click(function(){ event.preventDefault(); var kategorija = $("#kategorija option:selected").val(); var si = $("#si").val(); var hu = $("#hu").val(); var de = $("#de").val(); var an = $("#an").val(); var hr = $("#hr").val(); $.ajax({ type: "POST", url: "dodaj_v_bazo.php", data: {"kategorija": kategorija, "si": si, "hu": hu, "de": de, "an": an, "hr": hr}, success: function(data){ alert( "Jed uspešno dodana."+data); }, }); return false; }); }); 

升级到Firefox v49.0.2或更高版本时，上述代码将起作用。