jquery - 使用 Ajax 和 jQuery 简单加载 html

Question

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

http://pastebin.com/d2f7UuAa

在脚本部分我有：

<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>

这是在 cv.html

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

我正在尝试使用 jQuery Ajax 功能以异步方式显示不同的内容加载。我已经在这里搜索并尝试过：Dynamically load PHP within a main page但我没有成功。函数 aviso() 确实执行了，但不显示内容。我知道这可能是一个非常简单的问题，但我被困在那里。提前致谢！

Answer 1

第二个$('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>

Answer 2

我可以看到您的 HTML 中没有带有idof的元素。cv你指的是这个链接吗？

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

如果是这样，您的 jQuery 代码应该是：

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

或者您可以更改元素id上的属性值。<a>