Javascript 使用Ajax插入成功,但数据库行为空

Javascript 使用Ajax插入成功,但数据库行为空,javascript,php,html,ajax,codeigniter,Javascript,Php,Html,Ajax,Codeigniter,为什么我的代码使用Ajax成功地将数据保存到数据库中,但所有行都是空的 我的表格: <form name="frm" id="frm" action=""> <div class="form-group"> <label for="namaproduk">Nama Produk</label> <input type="text" class="form-control" id="namaproduk" placehold

为什么我的代码使用Ajax成功地将数据保存到数据库中,但所有行都是空的

我的表格:

<form name="frm" id="frm" action="">
  <div class="form-group">
    <label for="namaproduk">Nama Produk</label>
    <input type="text" class="form-control" id="namaproduk" placeholder="Nama Produk">
    <!--<small class="form-text text-muted">We'll never share your email with anyone else.</small>-->
  </div>
  <div class="form-group">
    <label for="unitproduk">Segment/Unit</label>
    <select class="form-control" id="unitproduk">
      <option value="1">Cabang</option>
      <option value="2">Mikro</option>
      <option value="3">SME</option>
    </select>
    <!--<small id="namaprodukhelp" class="form-text text-muted">We'll never share your email with anyone else.</small>-->
  </div>
</form>
<div class="col-sm-12 alert" >
    <button type="button" name="saveproduk" id="insertproduk" class="btn btn-lg btn-primary pull-right"><span class="fa fa-save">&nbsp;</span> Save Product</button>
</div>
$("#insertproduk").on('click', function (e) {
  e.preventDefault();
  var DataString=$("#frm").serializeArray()
  $.ajax({
        type: 'POST',
        url: '<?php echo base_url();?>saveproduct',
        data: DataString,   
        success: function (data) {
      //jQuery("#attendence_report_holder").html(response);
      alert("success");
    },
    error:function(data){
      alert("failed");
    }
  });
}); 
public function saveproduct(){
   $this->product_m->saveproduct_m();
}
function saveproduct_m(){ 
    $dataproduk = array(
    "namaproduct" => $this->input->post("namaproduk"),
    "idunit" => $this->input->post("unitproduk"));
    echo $result = $this->db->insert("tbl_product",$dataproduk);
}
我的型号:

<form name="frm" id="frm" action="">
  <div class="form-group">
    <label for="namaproduk">Nama Produk</label>
    <input type="text" class="form-control" id="namaproduk" placeholder="Nama Produk">
    <!--<small class="form-text text-muted">We'll never share your email with anyone else.</small>-->
  </div>
  <div class="form-group">
    <label for="unitproduk">Segment/Unit</label>
    <select class="form-control" id="unitproduk">
      <option value="1">Cabang</option>
      <option value="2">Mikro</option>
      <option value="3">SME</option>
    </select>
    <!--<small id="namaprodukhelp" class="form-text text-muted">We'll never share your email with anyone else.</small>-->
  </div>
</form>
<div class="col-sm-12 alert" >
    <button type="button" name="saveproduk" id="insertproduk" class="btn btn-lg btn-primary pull-right"><span class="fa fa-save">&nbsp;</span> Save Product</button>
</div>
$("#insertproduk").on('click', function (e) {
  e.preventDefault();
  var DataString=$("#frm").serializeArray()
  $.ajax({
        type: 'POST',
        url: '<?php echo base_url();?>saveproduct',
        data: DataString,   
        success: function (data) {
      //jQuery("#attendence_report_holder").html(response);
      alert("success");
    },
    error:function(data){
      alert("failed");
    }
  });
}); 
public function saveproduct(){
   $this->product_m->saveproduct_m();
}
function saveproduct_m(){ 
    $dataproduk = array(
    "namaproduct" => $this->input->post("namaproduk"),
    "idunit" => $this->input->post("unitproduk"));
    echo $result = $this->db->insert("tbl_product",$dataproduk);
}

它另存为空白,因为您尚未为字段定义
name
属性。除了
id=“namaproduk”
之外,您还应该为所有字段分别设置
name=“namaproduk”

因此,它应该是:

<input type="text" class="form-control" id="namaproduk" name="namaproduk" placeholder="Nama Produk">



非常感谢米兰。。解决问题。尊敬。(拇指)不客气。很乐意帮忙!您可以投票并接受此答案。:)