我正试图通过ajax将div的内容替换为外部文件。我使用的代码是：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<script type="text/javascript">
window.onload = function(){
document.getElementById("aside").innerHTML="<img src='loadingImage.gif'>";
var x = null;
if (window.XMLHttpRequest) {
var x = new XMLHttpRequest();
} else if (window.ActiveXObject) {
var x = new ActiveXObject('MSXML2.XMLHTTP.3.0');
} else {
// fallback
}
x.open("GET", "other_content_1.php", true);
x.send("");
x.onreadystatechange = function() {
if(x.readyState == 4) {
if(x.status==200)
document.getElementById("aside").innerHTML = x.responseText;
else
document.getElementById("aside").innerHTML = "Error loading document";
}
}
}
</script>
</head>
<body>
<div id="aside">This is other content</div>
</body>
</html>
我的问题：
如果启用了JavaScript，那么上面的代码可以正常工作，但如果禁用了JavaScript，则php应该加载该文件。我该怎么做？
如果你想让你的代码在没有JavaScript的情况下向后兼容，那么你真的没有理由使用AJAX。如果你只想把字符串放入你的aside元素中，那么做一些类似的事情：
//first the PHP page 'other_content_1.php'
<?php
$resp = 'Whatever String Response You Want';
?>
//now your other page
<?php
include 'other_content_1.php';
?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN'
'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<title>Test</title>
</head>
<body>
<div id='aside'><?php echo $resp; ?></div>
<script type='text/javascript' src='should_be_external.js'></script>
<body>
</html>
注意，如果您希望除了onload之外还发生这种情况，那么您应该使用$_POST或$_GET提交一个表单来处理PHP响应。
您是否考虑过尝试noscript选项？请参阅：如果客户端禁用Javascript，我该怎么办？
然而，如果你有很多页面，如果你在整个页面中使用jquery/ajax，这可能是一项艰巨的工作——我猜你会这样做，或者用jquery/aajax加载它们会有点毫无意义。
当网页在浏览器中显示并发现不支持JS时，PHP/server已经为该页面提供了服务。你可以试试这个。
- #side元素可以具有文本&通知用户没有JS支持的链接，并进入另一页
- PHP可以加载文件并在新页面中提供内容
如果支持JS，您的上述代码无论如何都将取代上述链接。