javascript - 使用 ajax 和 jQuery 提交表单

Question

我有一个简单的表单，其中有一个选择框和两个选项。下面是相关的 jQuery 代码:

 $('.myCssClass').on('change', function() {
       alert("This is executed");
       $(this).parent().submit(function(e) {
       alert("This is NOT executed");
          $.ajax({
                 type: "POST",
                 url: "script.php",
                 data: $(this).parent().serialize(), 
                 success: function(data)
                 {
                     alert(data);
                 }
               });
          e.preventDefault();
      });

表单是选择框的父级。因此，当我更改选择框选项时，会执行第一个警报，但永远不会到达下一个警报。知道为什么吗？

Answer 1

这应该可以做到。不要理会提交事件 - 它不会由选择框触发。

 $('.myCssClass').on('change', function() {
      $.ajax({
             type: "POST",
             url: "script.php",
             data: $(this).parent().serialize(), 
             success: function(data)
             {
                 alert(data);
             }
      });
  });