使用Ajax和jQuery轻松加载html

这是我的index.html中的简单代码

在脚本部分，我有：

<script type="text/javascript">
    $(document).ready(function() {  

            $('document').ready(function(){
                    $("#cv").click(function(){
                            $("#div1").load("cv.html",aviso());
                    });
            });

            function aviso(){
                    alert('La solicitud ha sido procesada');
            }
    });

</script>

$（文档）.ready（函数（）{
$（'document'）.ready（函数（）{
$（“#cv”）。单击（函数（）{
$（“#div1”）.load（“cv.html”，aviso（））；
});
});
函数aviso（）{
警报（“La Clarcud ha sido procesada”）；
}
});

这是在cv.html中

<h1>&iexcl;Mi CV!</h1>

¡；我的简历！

我试图使用jQueryAjax功能以异步方式显示不同的内容加载。我已经在这里搜索并尝试过了，但没有成功。函数aviso（）虽然执行，但不显示内容。我知道这可能是一个非常简单的问题，但我在那里被绊住了。提前谢谢

第二个

$（'document'）。ready

不必要且不正确（应该没有引号）

试试这个：

<script type="text/javascript">
    $(document).ready(function() {  

        $("#curriculum").click(function(){
            $("#div1").load("cv.html", aviso);
        });

        function aviso(responseText){
            alert('La solicitud ha sido procesada');
        }
    });
</script>

$（文档）.ready（函数（）{
$（“#课程”）。单击（函数（）{
$（“#div1”）.load（“cv.html”，aviso）；
});
函数aviso（responseText）{
警报（“La Clarcud ha sido procesada”）；
}
});

我看不到HTML中存在id为

cv

的元素。你是指这个链接吗

<li><a href="#" id="curriculum">Curr&iacute;culum Vitae</a></li>

---

或者您可以更改

元素上

id

属性的值。

尝试以下操作：

load（“cv.html”，function（）{aviso（）；}

文件cv.html确实存在，与index.htmload（“cv.html”，function（）{aviso（）；}在同一目录中，但也没有。在页面上，按F12，转到控制台并键入

$(“#div1”）.load（“cv.html”）

。会发生什么情况？无法加载XMLHttpRequestfile:///C:/Users/Public/Documents/zaratemarcelo/cv.html. Access Control Allow Origin不允许Origin null。@Marcelo Zárate-正如Anthony Grist提到的，HTML中没有id为cv的元素。我已经更新了答案，并将#cv实际更改为#课程，

$（document）

和

$（“document”）

是一回事。我最近才发现：）“我知道第二个文档是不必要的，”它被评论道。“这是有人给我的一个解决方案，当然不起作用。@阿彻-你说得对，刚刚测试了它，它就起作用了。我不知道。谢谢你让我知道。是的，那是因为我想到了与id名称的某种冲突，我在最后一分钟尝试了。但之前没有起作用，当名字匹配，还是不匹配。

$("#curriculum").click(function(){
    $("#div1").load("cv.html", aviso);
});