jquery - Code igniterでjqueryserialize（）を使用してフォームを送信する

Question

プロジェクトでCIを使用していますが、現在問題があります。jquery serializeを介して値を送信していますが、コードが機能していません...

これがコードです。私の見解では、私のフォームIDは「form」でボタンタイプはsubmitで、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;

}）;