Ajax不显示任何url

时间:2013-09-09 15:08:22

标签: ajax jquery

以下是代码:

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>
</head>

<body>
<div class ="click"> Click me <div>
<div class = "file"></div>

<script>


$(document).ready(function(){

    $(".click").click(function(){

        $.ajax({

            beforeSend: function(){
            $(".file").html('<img src="a.gif" alt="Smiley face" height="42" width="42">' )
            },
            url: 'a.txt',
            type: "GET",
            data: ({

            "id" :  0       
            }),                 
            success:function(results){
                console.log("inside success");
                $(".file").html('results');
            }   

        });

    });
});

</script>
</body>
</html>

这里的问题是成功:函数永远不会调用...我没有得到任何结果..只是微调器...我的a.txt文件与此html在同一个文件夹中。 a.txt的内容为<br> Hello world <br>

1 个答案:

答案 0 :(得分:0)

$(".click").click(function(){

    $.ajax({

        url: 'a.txt',
        type: "get",
        data: "id=" + 0,                 
        success:function(results){
            console.log("inside success");
            $(".file").html(results);
        },
        beforeSend: function(){
            $(".file").html('<img src="a.gif" alt="Smiley face" height="42" width="42">' );
        }

    });

});

...我会感到惊讶,如果那样做不行......很难有一个类选择器与.html()一起使用,当类“文件”被多次使用时可能会导致可怕的错误