$ .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());

来源

2013-08-16 Marko Kavaš

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

event.preventDefault();

浏览器试图在全球范围内查找event。 Chrome恰好在全局范围内提供事件对象（因此没有错误），但Firefox不会（因此是错误）。

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

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

另外还有一个区别：如果不定义event参数，event将参照本地事件Chrome中的对象与the event object which jQuery passes to the handler不同。

要了解有关jQuery事件处理的更多信息，我建议您通过these articles。

来源

2013-08-17 08:11:28

这是最正确的答案。 – FloatingRock

我有同样的问题。它在不使用'event.preventDefault（）'的情况下在localhost中工作，但在aws服务器中，它不工作。任何想法为什么？ –

P.S：它的工作是通过添加。不知道如何在localhost中工作而不添加'e.preventDefault（）' –

如果在表单提交时触发了异步调用，则FF可能无法正常工作。您可以将async：false添加到您的ajax调用中，它将起作用。无论是或者你有跨域呼叫，你将不得不通过CORS修复。

来源

2015-01-28 17:56:58

不起作用... – Dani

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

$(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或更高版本时，上述代码将起作用。

来源

2016-11-23 08:48:21

$ .ajax在Chrome中工作，但没有在Firefox中工作

回答

相关问题