Google Chrome jQuery ajax加載

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script src="jquery-1.9.1.js" type="text/javascript"> 
</script> 
<link rel="stylesheet" href="jQuery_hide.css" /> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    $("#div1").load("no.txt",function(responseTxt,statusTxt,xhr){ 
     if(statusTxt=="success") 
     alert("External content loaded successfully!"); 
     if(statusTxt=="error") 
     alert("Error: "+xhr.status+": "+xhr.statusText); 
    }); 
    }); 
}); 
</script> 
<title>jQuery</title> 
</head> 
<body> 
<div id="div1">Content goes here!</div> 
<button id="click">Load</button> 
</body> 
</html>

因此，我編寫了上面的簡單代碼來測試jQuery ajax方法load()，它在Chrome中不起作用。實際上，它返回一個404錯誤。然而，這段代碼適用於Firefox，IE和Safari！如果你問我使用Chrome 26.Google Chrome jQuery ajax加載

任何想法？

來源

2013-04-13 Robert Rocha

我高度懷疑這是問題，但您可能希望首先讓您的DOCTYPE至少聲明HTML 4 –

在這種情況下，如果服務器返回「404找不到」，則服務器無法找到「no.txt」。確保你的路徑是正確的 – skukx

我有同樣的問題。作爲一種解決方法，我發現.get函數運行良好。

$.get(_url, pars, function(data) { 
    $('#ajaxReplaceMe').html(data); 
});

其中ajaxReplaceMe是你想加載內容的（比如說）div元素的id。

來源

2013-10-16 21:32:31 user2888181

我將不得不嘗試一段時間。 –

Google Chrome jQuery ajax加載

回答

相關問題