AJAX関数が実行されていません

Question

こんにちは皆Codeigniterコントローラに配列を解析したいのですが、コードが機能していません。このコードのどこに間違いがあるのか​​教えてください。私はjQueryの新機能ですが、これは非常に基本的な間違いです。

のjQueryコード：

$("#add_state").click(function(){ 
     var addstate = { 
     State: $.trim($('#statename').val() 
     } 
     $.ajax({ 
     type: "POST", 
     url: "<?php echo base_url()?>/index.php/geo/add_state", 
     data: addstate, 
     success: function(response){ 
      alert(response); 
     } 
     }); 
    event.preventDefault(); 
}); 

HTMLコード：

<form role="form"> 
    <div class="form-group"> 
     <label for="exampleInputEmail1">State Name</label> 
     <input type="text" name="State" class="form-control" id="statename" placeholder="Enter State Name"> 
    </div> 
    <button type="submit" class="btn btn-info" id="add_state">Submit</button> 
</form> 

Answer 1

トリムは、この

$("#add_state").click(function(){ 
     var addstate = { 
     State: $.trim($('#statename').val()) 
     } 
     $.ajax({ 
     type: "POST", 
     url: "<?php echo base_url()?>/index.php/geo/add_state", 
     data: addstate, 
     success: function(response){ 
      alert(response); 
     } 
     }); 
    event.preventDefault(); 
}); 

Answer 2

ようになると仮定適切に

閉じられていません

1. に)がありません。それをState: $.trim($('#statename').val())に変更します。
2. $(document).on('click', '#add_state', function() {の代わりに$("#add_state").click(function(){を使用してください。 DOM要素が作成される前にスクリプトを追加すると、最初の解決策が機能するためです。
3. URLを確認してください。正しくない可能性があります。