错误一个非常基本的Ajax调用

时间:2013-11-19 18:06:43

标签: jquery ajax

当我点击链接时,我正在尝试进行非常基本的ajax调用 但它似乎不起作用! 任何帮助都会被欣赏:) 我正在使用jQuery 1.9.1

最好的

<div id="wrapper">
    <h3>Chargement de contenus HTML</h3>

    <ul id="navigation">
        <li><a class="link_ajax" href="accueil.html">Accueil</a></li>
        <li><a class="link_ajax" href="presentation.html">Présentation</a></li>
        <li><a class="link_ajax" href="contact.html">Contact</a></li>
    </ul>
    <div id="result_container"></div>
</div>

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script>
$(document).ready(function(){

    $(".link_ajax").click(function(event){   
        event.preventDefault();
        var this_url=$(this).attr("href");

        $.ajax({
            url:this_url,
            success:function(response){
                $("#result_container").html(response);
                console.log("success");
                $("#result_container").show();
            },
            error:function(){
                console.log("error");
            }
        });
    });
});
</script>

0 个答案:

没有答案