CI + AJAX, двойное размещение + обновление страницы

Question

Итак, у меня есть нормальная форма с 1 текстовой областью и двумя скрытыми входами, которые я хотел бы отправить через AJAX на имеющийся у меня контроллер CI, который вставляет информацию в базу данных.

Проблема, с которой я столкнулся, заключается в том, что а) действие страницы все еще вызывается, и вывод контроллера отображается, и б) потому что первоначальный запрос AJAX все еще обрабатывается плюс дополнительная загрузка цели действия, когда вставляется информация дважды .

Это мой код JavaScript:

                 $(document).ready(function() {
                    $("#submit-comment").click(function(){

                        var post_id = <?=$p->id?>;
                        var user_id = <?=$user->id?>;
                        var content = $("textarea#content").val();  

                        if(content == '') {
                            alert('Not filled in content');
                            return false;
                        }

                        $.ajax({
                           type: "POST",
                           url: "<?=site_url('controller/comment')?>",
                           data: "post_id="+post_id+"&user_id="+user_id+"&content="+content,
                           success: function(msg){
                            alert(msg);
                           }
                         });
                    });
                });

Я пытался сделать

...click(function(e)... ... e.preventDefault

без удачи.

Что я делаю не так? : P

Спасибо

Ps. Вся информация обрабатывается правильно и к ней обращаются, это всего лишь предотвращение того, что форма облажается.

Answer 1

Просто понял, что я использую тип ввода = "отправить", а не тип ввода = "кнопка".

Doh!