Question

我想学习，我可以在DIV中显示XHTML文件内容，未使用的IFRAME。

这是我的测试：

的index.xhtml

<html>
    <head>
        <title>jQuery Load</title>
        <script type='text/javascript' src="js/jquery-1.11.1.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("#botton").click(function(event) {
                    $("#cap").load('test.xhtml');
                });
            });
        </script>
    </head>
    <body>
    <div id="cap">Click!!!.</div>
    <br>
    <input name="boton" id="botton" type="button" value="Update cap." />
    </body>
</html>

test.xhtml

<!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>
        <title>Content</title>
    </head>
    <body>
      <div id="content">Show content, YES.</div>
      <div id="hidden">I don't show</div>
    </body>
</html>

错误控制台Chrome： XMLHttpRequest无法加载file：/// ?????? / test.xhtml。交叉源请求仅支持协议方案：http，数据，chrome扩展，https，chrome-extension-resource。

谢谢大家!!。

Answer 1

这是因为您没有使用Web服务器来提供文件，而是使用文件系统。您的网址可能是file://index.html，当您尝试执行load(file)时，它将相对于当前域名为file：//。

错误信息非常明显：CORS can only be used with these protocol : http, data, chrome-extension, https, chrome-extension-resource。

使用http://file加载文件或使用网络服务器进行测试。

在DIV中显示XHTML的简单内容

1 个答案: