Question

我正在尝试提交而不使用AJAX重新加载，但是当我按下提交按钮并且没有插入记录时，但是它打印出所有记录都已提交。任何想法

 <?php echo validation_errors(); ?>
        <?php echo form_open('', 'class="form-horizontal" id="myForm"'); ?>
            <div class="form-group">
               <label for="note_text" class="col-sm-1 control-label">Note</label>
               <div class="col-sm-10">
                 <textarea class="form-control" name="note_text" rows="3"></textarea>
               </div>
             </div>
             <div class="form-group">
               <div class="col-sm-offset-1 col-sm-10">
                 <button type="submit" class="btn btn-default">Post</button>
                </div>
             </div>
             <div class="buttons"> <span id="error" style="display:none; color:#F00">Some Error!Please Fill form Properly </span> <span id="success" style="display:none; color:#0C0">All the records are submitted!</span>
        </form>

<script>
   $(document).ready(function(){
   $('#myForm').on('submit',function(e) {

  $.ajax({
     url:'',
     data:$(this).serialize(),
     type:'POST',
     success:function(data){
       console.log(data);
       $("#success").show().fadeOut(5000); //=== Show Success Message==
     },
     error:function(data){
       $("#error").show().fadeOut(5000); //===Show Error Message====
     }
     });
     e.preventDefault(); //=== To Avoid Page Refresh and Fire the Event "Click"===
    });
    });
   </script>

也可以有人指出我到关于如何进行LIVE UPDATE的教程。我的意思是这个函数例如在index（）中，其中也是我所有笔记的循环，我正在搜索的是我提交它并立即显示下面显示的新记录。 Facebook发布的东西

Answer 1

我认为问题在于你的服务器端代码，它返回一个HTTP 200响应，所以$ .ajax函数认为它成功但实际上它没有。如果您正在捕获错误并输出消息，但不会抛出500错误，则可能会发生这种情况。

如果您使用谷歌浏览器按F12以显示开发人员工具＆gt;转到网络＆gt;按提交，新条目应出现在列表中＆gt;点击该条目。记下标题选项卡中的“状态代码”，以及响应选项卡中的输出。

如果这没有返回您期望的内容（例如，当更新失败并且响应正确时非200），那么您应该开始调试服务器端代码。

Codeigniter：提交而不重新加载问题？

1 个答案: