以下是代码:
<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>
。
答案 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()一起使用,当类“文件”被多次使用时可能会导致可怕的错误