jquery - 在代码点火器中使用 jquery serialize() 提交表单

Question

我在我的项目中使用 CI，目前我有一个问题。我正在通过 jquery serialize 发送一个值，但代码不起作用......

这是代码..在我看来，我的表单ID是“表单”，按钮类型是提交，ID是“btn”。

    <script>

   $('#btn').click(function() {
       form = $("#form").serialize();

     $.ajax({
       type: "POST",
       url: "<?php  echo site_url('categoryController/addCategory'); ?>",
       data: form,

       success: function(data){
           alert('Successful!);
       }

     });

     return false;  //stop the actual form post !important!

  });

Answer 1

使用该event.preventDefault()方法阻止表单提交。同样重要的是要注意脚本中有一个未终止的字符串文字。

  $('#btn').click(function(event) {
       form = $("#form").serialize();

     $.ajax({
       type: "POST",
       url: "<?php  echo site_url('categoryController/addCategory'); ?>",
       data: form,

       success: function(data){
           alert('Successful!'); //Unterminated String literal fixed
       }

     });
     event.preventDefault();
     return false;  //stop the actual form post !important!

  });

Answer 2

您需要在表单提交上有事件。

$('#form').submit(function() {
 form = $("#form").serialize();
 $.ajax({
   type: "POST",
   url: "<?php  echo site_url('categoryController/addCategory'); ?>",
   data: form,
   success: function(data){
       alert('Successful!);
  }
 });
 return false;

});