$(document).ready(function () {
  $('form').submit(function(event) {
    event.preventDefault();
    var action = $(this).attr('action');
    var data = $(this).serialize();
    $.post(action,data,function(response) {
      $("#die").html(response);
    });
  });
});

但是,我的教师在课堂上对以下代码进行了实时编码,这确实有效：

$(document).ready(function () {
  $("form").on("submit",function(event) {
    event.preventDefault();
    var action = $(this).attr("action");
    var formData = $(this).serialize();
    $.post(action,formData,function(responseContent) {
      $("#die").html(responseContent);
    });
  });
});

据我所知,我的代码和他的代码之间唯一有意义的区别是在第2行使用’on’与’submit’.事实上,在api.jquery.com/submit上,jQuery Foundation声明“此方法是.on(‘submit’,handler)…“的快捷方式.这让我感到困惑的是为什么这两个片段表现不同.

解决方法

This method is a shortcut for .on('submit',handler)

jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
    "mousedown mouseup mousemove mouSEOver mouSEOut mouseenter mouseleave " +
    "change select submit keydown keypress keyup error contextmenu").split(" "),function( i,name ) {

    // Handle event binding
    jQuery.fn[ name ] = function( data,fn ) {
        return arguments.length > 0 ?
            this.on( name,null,fn ) :
            this.trigger( name );
    };
});