JQuery / JS Ajax函数无法识别

时间:2014-04-13 13:47:49

标签: javascript jquery ajax

这个问题一直在逼我!

我有一些jquery会一直把这个错误抛给控制台:

Uncaught SyntaxError: Unexpected token . 

从带有$ .ajax()函数的行中调用。

$('#send').click(function(){
    $("#form").submit();
});

$("#form").submit({
    $.ajax({
      url: "../php/mailForm.php",
      type:"POST",
      data:$("#form").serialize(),
      complete:function(){
        $('#email').val("");
        $('#subject').val("");
        $('#message').val("");
        $('#successMsg').removeClass("hidden");
      }
    });
    return false;
});

以下是我如何加载jquery和这个javascript文件。

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="../js/contact.js"></script>

(按此顺序)

有没有人知道发生了什么?

1 个答案:

答案 0 :(得分:1)

您应该将它们包装在匿名函数function(){}中,就像您对.click()所做的那样:

$('#send').click(function(){
   $("#form").submit();
});
$("#form").submit(function(){
    $.ajax({
      url: "../php/mailForm.php",
      type:"POST",
      data:$("#form").serialize(),
      complete:function(){
        $('#email').val("");
        $('#subject').val("");
        $('#message').val("");
        $('#successMsg').removeClass("hidden");
      }
    });
    return false;
});

.submit()需要一个函数回调。所以将你的代码包装在一个匿名函数中。