我有两个普通的html文件。 第一个树在左侧有一个树,您可以从中选择一个类别,然后根据选择在右侧显示html文件。 文件夹结构是/ main / Pages,主文件夹包含主html和子文件夹htmls的Pages文件夹。
问题:IE& Firefox - 工作但不加载子页面的样式,也不执行其document.ready函数 Chrome - 404错误
背后的jQuery:
$(document).ready(function () {
$('.child').hide();
$('.parent').click(function (event) {
event.preventDefault();
$('.child', $(this).parent()).slideToggle('slow');
});
$('a').click(function(event) {
var innerText = $(this).attr('href');
var elem = $('#' + innerText);
if(elem.length > 0) {
$('#container').load("Pages/" + elem[0].innerHTML + ".html", function(response, status, xhr) {
if (status == "error") {
var msg = "Sorry but there was an error: ";
$("#container").html(msg + xhr.status + " " + xhr.statusText + " <b>"+elem[0].innerHTML+"</b>");
}
});
}
event.preventDefault();
});
});
Chrome标题:
请求网址:file:/// D:/PacientData/Pages/labDemandeCode1.html
选项文件:/// D:/PacientData/Pages/labDemandeCode1.html HTTP / 1.1
访问控制请求方法:GET
来源:null
Access-Control-Request-Headers:Origin,X-Requested-With,Accept
对这两个问题的任何帮助都将受到高度赞赏!!
答案 0 :(得分:1)
在测试AJAX时,不要使用file://
。它不会很好。将您的文件放在Web服务器上,即使它是Apache服务器的本地IIS。
答案 1 :(得分:1)
如果你的网址很好(请查看firebug ..),它可能是服务器响应的标头标头(“HTTP / 1.1 200 OK”);有时可以解决这个问题。
答案 2 :(得分:0)
您不应该通过file:
网址测试您的代码,而应通过HTTP测试代码,例如:在本地安装网络服务器。特别是使用AJAX时,在file:
环境中工作时会遇到一些问题。