jQueryとCodeIgniterでページをリフレッシュせずにフォームを送信

Question

CodeIgniterアプリケーションでjQueryを使用してフォームを送信したいと考えています。ただし、Controllerで呼び出された関数は、存在しないページ（Controller関数と同じ名前）にユーザーを送りたいと思っています。

私はこれを試してみました：

$('#contactForm').submit(function() { 

}); 

そして、これを：

$('#contactForm').submit(function() { 
    dataString = $("#contactForm").serialize(); 
    $.ajax({ 
     type:"POST", 
     url:"<?php echo base_url(); ?>about/contactSubmit", 
     data:dataString, 

     success:function (data) { 
      alert('test'); 
     } 

    }); 

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

フォームにid "のContactForm" とシンプルなフォームです。 jQueryのsubmit関数は、コントローラ内の「contactSubmit」関数に移動するという点で機能します。この関数は、次のようになります。

public function contactSubmit() 
{ 

    $this->load->model('customer_model'); 
    $this->customer_model->addCustomer(); 
} 

だから、データベースに情報を追加してモデルにaddCustomer関数を呼び出します。すべてうまく動作します。しかし、存在しない "customerSubmit"ページを開こうとすると、それは私が避けたいものです。私はそれが同じページにとどまりたい、フォームにokが送信されたことをユーザーに伝えるためのjQuery関数があります。

どうすればいいですか？

EDIT：

コントローラの機能contactSubmitによって新しいページに送信されないための鍵は、私が見つけることができる対象のすべてのチュートリアルから判断し、提出するjQueryの機能でfalseを返すためにあるようだが、。私がそれを含むと、コントローラ関数はまったく呼び出されません。これは、上の最初のオプションだけが実際にController関数を呼び出していることを意味します（つまり、返り値falseを返すことはありません）。

だから私はここで間違って何をやっていますか？送信を使用してデータをデータベースに渡すことになっているのに、 "return false"が実際にコントローラの関数を呼び出すのを止めてしまったら？

EDIT 2： 答えを見つけました、Christophs投稿への私のコメントを参照してください！

Answer 1

ただの推測： event.preventDefault()を試して、<form action="...">（通常はフォームデータを送信し、何らかの種類の「要求を受け取った」ページに転送している）で定義されている送信アクションのデフォルト動作を停止してください。

コードは次のようなものになるだろう：

$('#contactForm').submit(function (event) { 
    dataString = $("#contactForm").serialize(); 
    $.ajax({ 
     type:"POST", 
     url:"<?php echo base_url(); ?>about/contactSubmit", 
     data:dataString, 

     success:function (data) { 
      alert('test'); 
     } 

    }); 
    event.preventDefault(); 
}); 

Answer 2

おそらくあなたは、JSは、任意のフォームオブジェクトを参照してくださいしないように、次のようにページロードイベントハンドラでそれを割り当てようと、ページがまだロードされていないsubmitハンドラを割り当てる：

$(function() { 
    $('#contactForm').submit(function() { 
     .... 
    }); 
});