ajaxでページをリダイレクトしないでくださいcodeigniterをサブミットしてください

Question

私は次のAjaxコードとコントローラコードを持っています。私の問題はコメントを挿入したいのです。ページをリフレッシュして別のページにリダイレクトせず、 btnCommentSubmitは私のコントローラページにリダイレクトされています、どうすればそれを防ぐことができますか？ Ps。

$('#btnCommentSubmit').click(function(e){ 
    e.preventDefault(); 
    ... 

} 

Answer 1

は、あなたの関数の先頭にe.preventDefault()を追加取り組んでいますjQueryフォームプラグインを使用する。ページリフレッシュ/リダイレクトなしでフォームをGoogleのコントローラに送信します。私はいつも使っています。

https://jquery-form.github.io/form/

使用例：

$('#form').ajaxForm({ 
     beforeSubmit: function() { 
      //just optional confirmation 
      if (!confirm('Are you sure want to submit this comment?')) return false; 
      show_loading(); 
     }, 
     success: function(status) { 
      hide_loading(); 
      if (status == true) { 
       alert('success'); 
      } else { 
       alert('Could not add data'); 
      } 
     } 
    }); 

Answer 2

あなたがしたいことがあります。挿入は
// AJAX CODE

$('#btnComment').click(function(e){ 

      var comment_identifier = $(this).data("value"); 
      var comment_by = $(this).data("id"); 
      $('#formAddComment').attr('action', '<?php echo base_url() ?>Discussion/addComment/'+comment_identifier+"/"+comment_by); 
     }); 

     $('#btnCommentSubmit').click(function(){ 
      var url = $('#formAddComment').attr('action'); 
      var addCommentTxt = $('#addCommentTxt').val(); 
      $.ajax({ 
       type: 'post', 
       url: url, 
       data: {addCommentTxt:addCommentTxt}, 
       success: function(){ 
        alert('success'); 
       }, 
       error: function(){ 
        console.log(data); 
        alert('Could not add data'); 
       } 
      }); 

     }); 
    }); 

//コントローラのコード

public function addComment(){ 
     $cIden = $this->uri->segment(3); 
     $cBy = $this->uri->segment(4); 
     $data = array(
      "comment_identifier" => $cIden, 
      "comment_by" => preg_replace('/[^a-zA-Z-]/', ' ', $cBy), 
      "comment" => $this->input->post('addCommentTxt'), 
      "comment_at" => time() 
     ); 

     if ($this->Crud_model->insert('comments',$data)) { 
      return true; 
     }else{ 
      return false; 
     } 

    } 

Answer 3

あなたはjavascript:void(0);