JQuery/JS Ajax function not recognized

Question

This problem has been killing me!

I have some jquery which will always throw this error to the console:

Uncaught SyntaxError: Unexpected token .

from the line with the $.ajax() function call in it.

$('#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;
});

Here is how I load both jquery and this javascript file.

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

(in that order)

Does anyone have any clue as to what's going on???

Amit Joki · Accepted Answer · 2014-04-13 13:49:31Z

1

You should wrap them in a anonymous function function(){}, the same way you did for .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() expects a function callback. So wrap your code inside an anonymous function.

answered Apr 13, 2014 at 13:49

Amit Joki

59.4k7 gold badges80 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQuery/JS Ajax function not recognized

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related