0

コードは次のとおりです。

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

ここでの問題は、success:function が呼び出されないことです...結果が得られません..スピナーだけです...私のa.txtファイルは、この html と同じフォルダーにあります。a.txt の内容は<br> Hello world <br>.

4

1 に答える 1

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() でクラスセレクターを使用すると、クラス「ファイル」が複数回使用されると恐ろしいエラーが発生する可能性があります

于 2013-09-09T15:38:43.897 に答える