0

ajax 経由でフォームを送信したいのですが、フォームが ajax 経由で送信されない理由がわかりません。なぜajaxが送信IDを選択しないのですか..このコードは通常の方法で送信するだけですが、ajaxを介してではなく、私が間違っている場所を助けてくれます..

 echo form_open('Contact_Controller/submit');
 echo form_input('name', set_value('name'), 'id="name"');
 echo form_input('email', set_value('email'), 'id="email"');
 $data = array(
        'name'=> 'message',
        'id' => 'message',
        'cols'=> '35',
        'rows' => '12'

        );
 echo form_textarea($data, 'Message');
 echo form_submit('submit', 'Submit', 'id="submit"');
 ?>


<script type = "text/javascript">
$('#submit').click(function(){

var form_data = {
        name: $('#name').val(),
        email: $('#email').val(),
        message: $('#message').val()
};

$.ajax({
    url: "<?php echo site_url('tuts_Contact_Controller/submit'); ?>",
    type: 'POST',
    data: form_data,
    success: function(msg) {
      alert(msg);
    }

});

</script>
4

2 に答える 2

6

次のように使用します。

このスクリプトの上にjqueryがあると思います。

<script type = "text/javascript">
$(function(){       // <----------------missed the doc ready function
  $('form').submit(function(e){
    e.preventDefault(); // <------this will restrict the page refresh
    var form_data = {
        name: $('#name').val(),
        email: $('#email').val(),
        message: $('#message').val()
    };

    $.ajax({
        url: "<?php echo site_url('tuts_Contact_Controller/submit'); ?>",
        type: 'POST',
        data: form_data, // $(this).serialize(); you can use this too
        success: function(msg) {
              alert(msg);
        }

   });
 });
});
</script>
于 2013-01-03T09:13:24.243 に答える
1

次のようなフォーム送信のデフォルト イベントを防止する必要があります。

$('#submit').click(function(evt){
  evt.preventDefault();
  ....
于 2013-01-03T09:09:17.637 に答える