Question

这个Ajax程序不起作用。它有一些语法错误，我无法弄清楚。

<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>        
$(function(){    
    $(".click").click(function(){    
        $.ajax({    
            beforeSend: function(){
                $(".file").html(<img src="a.gif" alt="Smiley face" height="42" width="42"> )
            },
            url: "a.txt",
            type: "POST",
            data: {             
                id :  0     
            },                  
            success: function(results){
                $(".file").html(results);
            }      
        });
    });
});    
</script>
</body>
</html>

firebug抛出错误：

SyntaxError: missing ) after argument list

$(".file").html("<img src="a.gif" alt="Smiley face" height="42" width="42">" )

Answer 1

中出现语法错误

$(".file").html('<img src="a.gif" alt="Smiley face" height="42" width="42"> ')

Answer 2

在您的代码中：

$(".file").html(.....);

html标记内的内容应该有单引号，如：

$(".file").html('<img src="a.gif" alt="Smiley face" ....');

Answer 3

你错过了一些引用：

$(".file").html(<img src="a.gif" alt="Smiley face" height="42" width="42"> )
                ^---here                                                  ^--here

你可以不将一些简单的HTML写入一个javascript代码块，并希望工作正常。你在Javascript块中 - Javascsript语法规则适用，这意味着html必须用引号括起来，所以它被视为一个字符串。

Answer 4

代码中的语法错误

缺少行情

$(".file").html('<img src="a.gif" alt="Smiley face" ....');
                ^                                       ^

Ajax程序语法错误

4 个答案: