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

在)中遗失State: $.trim($('#statename').val()。将其更改为State: $.trim($('#statename').val())。
使用$(document).on('click', '#add_state', function() {代替$("#add_state").click(function(){。因为第一个解决方案可行，如果在创建dom元素之前添加脚本。
检查网址，也许是不正确的。

AJAX函数没有触发

2 个答案: