javascript - 未捕获的语法错误 : Unexpected token multiple form functions

Question

我在我的 .js 文件中添加了以下提交函数:

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

这样做时，我在页面加载时遇到此错误:

“未捕获的语法错误:意外的标记。”

虽然该功能有效，但当我点击提交时，它会提交我期望的数据。

但是，它会阻止这两个其他表单函数不起作用:

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

    forecast_calc(sap);

});

和

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

    forecast_calc(sap);

});

如果我注释掉提交函数，一切正常。

有点迷茫/沮丧。

谢谢，

Answer 1

Object literals ，就像传递给 $.ajax() 的一样，不允许直接在它们下面包含语句。

console.log(data);只需要和它分开:

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

console.log(data);

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