Question

我在我的项目中使用CI，目前我遇到了问题。我通过jquery序列化发送值，但代码不起作用...

这里是代码..在我的视图中，我的表单ID是'form'，按钮类型是提交，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;

}）;

在Code igniter中使用jquery serialize（）提交表单

2 个答案: