Ajax post sorunu

Arkadaşlar bir türlü çalıştıramadım sorun nedir acaba yardımcı olabilecek arkadaş var mı

  <form id="frm-create">
                                        <div class="form-group">
                                            <input id="email" type="email" name="email" class="form-control form-item" placeholder="Email">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" name="phone" class="form-control form-item" placeholder="Phone">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" name="adress" class="form-control form-item" placeholder="Adress">
                                        </div>
                                        <textarea name="content " class="form-control form-item h-200 m-b-lg-10" placeholder="Content" rows="3"></textarea>
                                        <button type="submit" id="btn-create" class="ht-btn ht-btn-default">Submit</button>
                                    </form>

  $( document ).ready(function() {

        $('#btn-create').on('click', function(){
            $.ajax({
                url: "<?php echo base_url() ?>Contact/create",
                type: "POST",
                data: $('#frm-create').serialize(),
                dataType: 'json',
                success: function(data){
                   alert(data.email);
                },
                error: function(){
                    alert('Error....');
                }
            });
        });

    });

1.yöntem olarak bunu deneyelim. Diğer yöntemleri çalışmaması durumunda değerlendirelim.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

script blogunun üzerine ekler misin bunu? Bu çalışmaz ise; tekrardan bakarız. Özel pm ile ulaşabilirsin.

Formu aşağıdaki gibi açın.

<form id="frm-create" method="post" action="#">

JS'yi aşağıdaki gibi düzenleyin.

$( document ).ready(function() {
      $('#frm-create').on('submit', function(e){   // button type submit olduğu için bu şekilde yaptım, element seçiciye formun id'sini koydum.
          e.preventDefault();  // bu eklenecek
          $.ajax({
              url: "<?php echo base_url() ?>Contact/create",
              type: "POST",
              data: $('#frm-create').serialize(),
              dataType: 'json',
              success: function(data){
                 alert(data.email);
              },
              error: function(){
                  alert('Error....');
              }
          });
      });
  });

js yi html içinde <script> taglarıyla mı açıyorsunuz yoksa .js den mi çekiyorsunuz .js den çekerseniz php kodlarını kullanamazsınız



ve ek olarak document ready orda bir işlev yapmıyor gibi 2 tane fonksiyonu alt alta çağırmışsınız button click tek başınada iş görür sanırım öyle hatırlıyorum

Olmadı Arkadaşlar



Aslında Şöyle diyeyim alert('Error....'); çalışıyor ekrana error uyarısı basıyor

sorun halen devam ediyor mu

İlgilenen arkadaşlara teşekkürler sorun çözüldü

sorun tam olarak urlden dönen yanıtla alakalıymıs aslında yukarıdaki kod satırları doğruymus teşekkürler yardımcı olan arkadaşlara