2016-02-14 5 views
0

Я хочу сделать простой CRUD с использованием модального бутстрапа и кнопки отправки Jquery и рамки, которые я использую, это laravel 5.2, ниже мой контроллер, модальный, jquery и маршруты, проблема в том, когда я нажимаю save changes ничего не происходит, есть ли что-то, что я делаю неправильно?Форма JQuery отправить в базу данных

МОДАЛЬНЫЙ

<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h3 class="modal-title"><span class="glyphicon glyphicon-plus"></span> Add Barang</h3> 
      </div> 
      <div class="modal-body" id="addModal"> 
       <form id="tambahform" class="form-horizontal" role="form"> 
        <div class="form-body"> 
         <div class="form-group"> 
          <label class="col-md-3 control-label">Name</label> 
          <div class="col-md-9"> 
           <input type="text" id="client-nama" name="clientName" class="form-control" placeholder="Your Name"> 
          </div> 
         </div> 
        </div> 
       </form> 
      </div> 
     <div class="modal-footer"> 
      <button type="button" class="btn-add btn-primary">Save changes</button> 
     </div> 
    </div> 
    </div> 
</div> 

JQuery

$(document).ready(function(){ 
    var check1=0; 
    $('#tambahform').submit(function(e){ 
    if (check1==0){ 
     $("#addModal").animate({scrollTop:0}, 'slow'); 
    }else{ 
     e.preventDefault(); 
     var formData = new FormData($(this)[0]); 
     $.ajax({ 
      url:'form/insert', 
      data:formData, 
      type:'POST', 
      contentType: false, 
      processData: false, 
      success:function(data){ 
       $("#addModal").hide(); 
       window.location.reload(true); 
      } 
     }); 
    } 
    return false; 
    }); 

Контроллер

public function insert(){ 
    $nama = Input::get('nama'); 
    $this->nama = Input::get('clientName'); 
    $query = DB::table('profile')->insert(array('nama'=>$nama)); 

} 

МАРШРУТЫ

Route::get('form/insert', '[email protected]'); 
+0

Это должно быть $ nama = Input :: get ('nama'); this $ nama = Input :: get ('clientName'); – devpro

+0

снова посмотрите на мой контроллер, что-то подобное? –

ответ

1

Вам необходимо определить способ, которым вы будете использовать, чтобы отправить form as. Существует не method, упомянутый так, что он отправляет свои default, GET.

так что вы form тег должен выглядеть следующим образом:

<form method="POST" id="tambahform" class="form-horizontal" role="form"> 

В url, вы должны дать ему полный путь, иначе это даст ошибку 404 not found. Взгляните на этот код:

e.preventDefault(); 
var formData = $(tambahform).serialize(); //<--use Serialize 
$.ajax({ 
    url:'form/insert.php', //<--add full path including the files extension here 
    data:formData, 
    type:'POST', 
    contentType: false, 
    processData: false, 
    success:function(data){ 
      $("#addModal").hide(); 
      window.location.reload(true); 
      } 
0

Вместо этого

Route::get('form/insert', '[email protected]'); 

использование этого

Route::post('form/insert', '[email protected]'); 
+0

все еще ничего не происходит, когда я нажимаю кнопку «Отправить», ничего не происходит, я делаю неправильно в своем контроллере или моем скрипте? –

+0

вы должны проверить ошибку в консоли с помощью firebug. – Drudge

+0

хорошо, я уже читал, как его использовать, но до сих пор не знаю, как его использовать –