Question

我试图通过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应该加载该文件。我怎么做？

Answer 1

如果您要在没有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响应。

Answer 2

您是否考虑过尝试使用noscript选项？请参阅：What do I do if Javascript is disabled by a client?

但是，如果您有很多页面，如果您在整个页面中使用jquery / ajax，那么这可能会有很多工作 - 我猜你做的或者用jquery / ajax加载它们会略显无意义。

Answer 3

当网页显示在浏览器中并发现不支持JS时，PHP /服务器已经为页面提供服务。你可以试试这个。

#aside元素可以有文字＆amp;链接通知用户没有JS支持并采取另一页
PHP可以加载文件并在新页面中提供内容。

如果支持JS，您的上述代码将取代上述链接。

或者如果ajax失败，通过php加载页面

3 个答案: