Javascript jquery load()等效于脱机使用
我正在寻找一个与jquery的Javascript jquery load()等效于脱机使用,javascript,jquery,html,Javascript,Jquery,Html,我正在寻找一个与jquery的load()方法等效的离线工作方法。我从jquery的文档中知道它只在服务器上工作。我有一些文件,需要从中调用这些文件中特定中的html。我只想把整个站点放在一台没有互联网连接的计算机上,让站点的那部分(加载()部分)像连接到互联网一样工作。谢谢 编辑:顺便说一句,它不必是js;它可以是任何有效的语言 编辑2: 我的示例代码(以防我缺少语法错误;这是针对同一目录中的文件): 在此上下文中,您仍然可以使用JQuery加载函数: 您可以在页面上添加脱机内容div: &l
load()
方法等效的离线工作方法。我从jquery的文档中知道它只在服务器上工作。我有一些文件,需要从中调用这些文件中特定
中的html。我只想把整个站点放在一台没有互联网连接的计算机上,让站点的那部分(加载()部分)像连接到互联网一样工作。谢谢
编辑:顺便说一句,它不必是js;它可以是任何有效的语言
编辑2:
我的示例代码(以防我缺少语法错误;这是针对同一目录中的文件):
在此上下文中,您仍然可以使用JQuery加载函数: 您可以在页面上添加脱机内容div:
<div id="OfflineContent">
</div>
按钮代码:
$("#btnLoadContent").click(function() {
$('#OfflineContent').load('OfflinePage.html #contentToLoad');
});
在OfflinePage.html中,您可能需要另一个名为contentToLoad的部分,该部分将显示在初始页面上。您无法通过文件协议实现load(),其他ajax请求将无法用于html文件。即使启用了crossDomain和isLocale选项,我也尝试过,但没有取得任何成功,即使对协议进行了细化
问题是,即使jQuery正在尝试,浏览器也会停止安全问题的请求(大多数浏览器,如下面的代码段在FF中工作),因为它允许您加载语言环境文件,以便您可以访问许多内容
您可以在本地加载javascript文件,但这可能意味着要改变很多应用程序/网站架构
仅适用于FF
$.ajax({
url: 'test.html',
type: 'GET',
dataType: 'text',
isLocale: true,
success: function(data) {
document.body.innerHTML = data;
}
});
FF做得很好的是,它检测到请求本地文件的文件也在文件协议中,而其他文件不在协议中。我不确定它是否对您可以请求的文件类型有限制。如果您将它放在本地服务器上,它将在没有internet连接的情况下工作。我非常确定情况并非如此,无论是根据经验还是链接的b/c。编辑:本地服务器,是的,我认为会。很抱歉但是我计划分发给那些不知道如何制作本地服务器的人,目标html页面(OfflinePage.html)必须在同一个目录中,还是也可以在子目录中?现在它在一个子目录中,我认为它不起作用。@preahkumpii-我试过使用一个子目录,但它不起作用。尝试将其添加到与初始页面相同的目录中,如果我找到子目录的解决方法,我会与您联系。从中删除+和引号,使其读取$('#text')。加载(myFile#source)并尝试执行警报(myFile),以确保它是正确的目录
$("#btnLoadContent").click(function() {
$('#OfflineContent').load('OfflinePage.html #contentToLoad');
});
$.ajax({
url: 'test.html',
type: 'GET',
dataType: 'text',
isLocale: true,
success: function(data) {
document.body.innerHTML = data;
}
});