未捕获的SyntaxError：意外的令牌多个表单函数

Question

I added the following submit function to my .js file:

$( "form" ).on( "submit", function( event ) {


event.preventDefault();

  var data = $( this ).serialize();
         $.ajax({
            type: "POST",
            url: "content/rev/a_submit.php",
            data: "data=" + data,
            console.log(data);
            success: function(result){
                $("#acct_content").html(result);
             }
        });
});

When doing that I got this error upon page load:

"Uncaught SyntaxError: Unexpected token . "

The function worked though, When I hit submit it submits the data I'd expect it to.

But, It prevents these 2 other form functions from not working:

$("form").ready(function() {
    var sap = $(this).attr('id');

    forecast_calc(sap);

});

and

$("form").change(function() {
    var sap = $(this).attr('id');

    forecast_calc(sap);

});

If I comment out the submit function everything works fine.

Kind of lost/frustrated here.

Thanks,

Answer 1

Object literals , like the one passed to $.ajax() , don't allow for statements to be included directly under them.

The console.log(data); just needs to be separated from it:

var data = $( this ).serialize();

console.log(data);

$.ajax({
    // ...
});