javascript - ExtJS 方法 load() 不起作用

标签 javascript extjs load

我正在学习 ExtJS 的一些初学者教程,当我尝试加载带有一些 HTML 代码的 .html 文件时,它不起作用

这是带有 ExtJS 代码的 test.html

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title id='title'>HTML Page setup Tutorial</title>

    <!-- ** CSS ** -->
    <!-- base library -->
    <link rel="stylesheet" type="text/css" href="../ext-3.2.1/resources/css/ext-all.css" />

    <!-- overrides to base library -->


    <!-- ** Javascript ** -->
    <!-- ExtJS library: base/adapter -->
    <script type="text/javascript" src="../ext-3.2.1/adapter/ext/ext-base.js"></script>
    <!-- ExtJS library: all widgets -->
    <script type="text/javascript" src="../ext-3.2.1/ext-all-debug.js"></script>


    <!-- overrides to library -->

    <!-- extensions -->

    <!-- page specific -->

    <script type="text/javascript">
    // Path to the blank image should point to a valid location on your server
    Ext.BLANK_IMAGE_URL = '../ext-3.2.1/resources/images/default/s.gif';

    Ext.onReady(function(){
        Ext.get('div1').load({
            url : 'htmlFragment.html',
            scripts : true
        });
    });

    </script>

</head>
<body>
<div id='div1'></div>
</body>
</html>

htmlFragment.html 就像它所说的那样,是一段 HTML 代码

<div>Hello there! This is an HTML fragment.</div>

带有 ExtJS 代码的文件和 htmlFragment.html 都在同一个文件夹中,我确实认为没有理由不工作,但事实并非如此:(

我尝试过的所有其他 ExtJS 示例、DOM 操作和其他基本内容都工作得很好

我正在 Windows 计算机上尝试此操作,但它在任何浏览器(FF、Opera、IE、Chrome)中都不起作用

最佳答案

您是否在 Web 服务器中设置了示例?

尽管许多示例只需直接在浏览器上打开其本地文件(即 file:///C:/directory/example.html)即可工作,但许多其他示例需要实际的 Web 服务器才能正常运行(即:http://localhost/path/example.html)。

我认为本地文件在此示例中不起作用,因为它必须执行 AJAX 调用才能获取 htmlFragment.html 文件。

您是否使用以下任何(或任何其他)网络服务器?

  • Apache HTTP 服务器
  • lighthttpd
  • Apache Tomcat
  • 互联网信息服务器
  • Visual Studio 内置 Web 服务器

关于javascript - ExtJS 方法 load() 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3873710/

相关文章:

javascript - 刷新页面时,javascript 中内置的计时器会重置

javascript - 为什么我的 JavaScript 数组显示两个元素计数,而实际上应该只有一个元素?

javascript - 动态表单,Microsoft JScript 运行时错误 : 'b' is null or not an object

javascript - 在 Sench Touch List itemTpl 中使用成员函数

extjs - extjs 是否保留未决调用列表?

javascript - 如何从 ExtJs 4 中的 (MVC) Controller 捕获树节点点击?

window.open后的Javascript调用函数

javascript - Sveltekit 加载函数显然没有被调用

javascript - 检测多张图片加载事件

excel - EPPLUS 添加注释结果打开 Excel 文件时出错