Javascript jQuery load()函数不使用';不要把所有东西都装上

Javascript jQuery load()函数不使用';不要把所有东西都装上,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,一段时间以来,我一直在苦苦思索这个问题。我有一个CMS,我想在我的网站上使用,但我不能使用PHP包含,所以我决定使用jquery。我已经做了所有必要的包括,当我打开网页,它不会加载所有的文件。。。load()函数很少加载每个文件。有什么解决问题的方法或替代方案吗?谢谢 <script type="text/javascript"> $(document).ready(function(){ // find element with ID of "target" and put f

一段时间以来,我一直在苦苦思索这个问题。我有一个CMS,我想在我的网站上使用,但我不能使用PHP包含,所以我决定使用jquery。我已经做了所有必要的包括,当我打开网页,它不会加载所有的文件。。。load()函数很少加载每个文件。有什么解决问题的方法或替代方案吗?谢谢

<script type="text/javascript">
$(document).ready(function(){  
// find element with ID of "target" and put file contents into it  
$('#welcome-container').load('admin/data/blocks/Slider/Text.html');
$('#slides').load('admin/data/blocks/Slider/Imagini.html');  
$('#acasa-continut').load('admin/data/blocks/Acasa/Continut.html');  
$('#sidebar').load('admin/data/blocks/Sidebar/Continut.html');  
$('#sidebar-v1').load('admin/data/blocks/Sidebar/Video-1.html'); 
$('#sidebar-v2').load('admin/data/blocks/Sidebar/Video-2.html');
$('#principii').load('admin/data/blocks/Despre/Principii.html');
$('#echipa').load('admin/data/blocks/Despre/Echipa.html');
$('#echipament').load('admin/data/blocks/Despre/Echipament.html');
$('#contact-t').load('admin/data/blocks/Contact/Contact.html');
}); 
</script>

$(文档).ready(函数(){
//找到ID为“target”的元素并将文件内容放入其中
$(“#欢迎容器”).load('admin/data/blocks/Slider/Text.html');
$(“#slides”).load('admin/data/blocks/Slider/Imagini.html');
$('acasa continut').load('admin/data/blocks/acasa/continut.html');
$('#sidebar').load('admin/data/blocks/sidebar/continue.html');
$('#sidebar-v1').load('admin/data/blocks/sidebar/Video-1.html');
$('sidebar-v2')。加载('admin/data/blocks/sidebar/Video-2.html');
$('princiii').load('admin/data/blocks/dispre/princiii.html');
$('#echipa').load('admin/data/blocks/Despre/echipa.html');
$('#echipation').load('admin/data/blocks/Despre/echipation.html');
$('#contact-t').load('admin/data/blocks/contact/contact.html');
}); 

我已经使用deloper工具进行了检查,每次刷新时,它都会随机给出不同元素上的500个内部服务器错误

客户端代码,以请求复合HTML并将其分发到各种容器,如下所示:

$(document).ready(function(){  
    $.ajax({
        url: 'admin/data/blocks/all/page.html',
        dataType: 'json',
        success: function(data){
            $.each(data, function(i, obj) {
                $('#'+obj.target).html(obj.html);
            });
        }
    });
});
这假设
admin/data/blocks/all/page.html
是一个服务器端资源,将提供以下结构的json编码响应:

[
    { 'target':'welcome-container', 'html':'<div>whatever</div>' },
    { 'target':'slides', 'html':'<div>whatever</div>' },
    { 'target':'acasa-continut', 'html':'<div>whatever</div>' },
    { 'target':'sidebar', 'html':'<div>whatever</div>' },
    { 'target':'sidebar-v1', 'html':'<div>whatever</div>' },
    { 'target':'sidebar-v2', 'html':'<div>whatever</div>' },
    { 'target':'principii', 'html':'<div>whatever</div>' },
    { 'target':'echipa', 'html':'<div>whatever</div>' },
    { 'target':'echipament', 'html':'<div>whatever</div>' },
    { 'target':'contact-t', 'html':'<div>whatever</div>' },
]
[
{'target':'welcome-container','html':'whatever'},
{'target':'slides','html':'whatever'},
{'target':'acasa-continue','html':'whatever'},
{'target':'sidebar','html':'whatever'},
{'target':'sidebar-v1','html':'whatever'},
{'target':'sidebar-v2','html':'whatever'},
{'target':'princiii','html':'whatever'},
{'target':'echipa','html':'whatever'},
{'target':'eChipment','html':'whatever'},
{'target':'contact-t','html':'whatever'},
]

在资源前面使用斜杠。例如/admin/data/blocks/Slider/Text.htmlw内部服务器错误会说什么?我认为这些页面不存在,或者这些资源的路径是错误的。在第一次加载之前,DOM中是否存在所有这些元素?您可能需要将依赖于其他动态内容的加载放在回调中。您可以在此处查看具体内容。我已经改变了第一条评论中的路径,仍然是相同的问题。路径都正常,文件存在。。。我想不出来。。还有别的选择吗?附言:这是一个转载,因为它非常紧急,我没有收到任何答复。ThanksAn internal server error是服务器端的错误,而不是客户端的错误。因此,jQuery与此无关。请检查您的服务器端代码,并确保您没有超载/轰炸您的服务器。