Codeigniter Ajax插入功能与验证

Question

我有这种形式，我可以在代码点火器上插入数据。它有验证，我想要做的就是让它成为ajax。我怎么能把阿贾克斯呢？

我的代码，

控制器

//创建/////////////////////////////// //////////////////////////

public function create(){ 

    $this->form_validation->set_rules('PROVINCE','Province Name','trim|required|max_length[30]|callback_if_exist'); 

    if($this->form_validation->run($this) == FALSE){ 

     $this->add_view(); 
    }else{ 

     if($query = $this->Provinces_Model->insert()){ 
      redirect('Provinces/index'); 
     }else{ 
      $this->add_view(); 
     } 

    } 

} 

///////////检查复制

public function if_exist(){ 

    $available = $this->Provinces_Model->check_if_exist(); //change 

    if($available){ 
     return TRUE; 
    }else{ 

     $this->form_validation->set_message('if_exist','{field} already exist!'); 
     return FALSE; 

    } 

} 

型号

///再打

public function check_if_exist(){ 

    $sql = "SELECT * FROM $this->table WHERE PROVINCE = ?"; 
    $data = array('PROVINCE' => $this->input->post('PROVINCE')); 

    $query = $this->db->query($sql, $data); 

    if($query->num_rows() == 0){ 

     return TRUE; 
    }else{ 

     return FALSE; 
    } 

} 

///// CREATE ////////////////////////////// ///////////////////////////

public function insert(){ 

    $input = array(
      'PROVINCE' => $this->input->post('PROVINCE') 
      ); 
    $insert = $this->db->insert($this->table,$input); 
    return $insert; 
} 

最后认为

  <div class="box-body"> 
       <div class="form-group"> 
       <label for="PROVINCE" class="col-sm-2 control-label col-sm-offset-2">Province Name:</label> 
        <div class="col-sm-5"> 
        <input type="text" class="form-control" id="PROVINCE" name="PROVINCE" value = "<?= set_value("PROVINCE"); ?>"> 
        </div> 
       </div> 
       <div class="form-group has-error col-sm-offset-7"> 
       <label class="control-label" for="error"><?php echo form_error("PROVINCE"); ?></label> 
       </div> 
      </div> 

通知，我有错误报告如此以及value = "<?= set_value("PROVINCE"); ?>"保留我插入的值，如果它的值没有通过验证..现在我想让它成为ajax，因为n我将要做的内部部分是在我提交表格之后，它会转到另一个表格。

Answer 1

编辑你的代码象下面这样：

控制器：

public function create(){ 

    $this->form_validation->set_rules('PROVINCE','Province Name','trim|required|max_length[30]|callback_if_exist'); 

    if($this->form_validation->run() == FALSE){ 

     echo 'ERR'; 
    }else{ 

     if($query = $this->Provinces_Model->insert()){ 
      redirect('Provinces/index'); 
     }else{ 
      $this->add_view(); 
     } 

    } 

} 

和视图的JavaScript部分：

<script type="text/javascript" > 
    $('#send').click(function(){ // you should add an id called "send" to your submit button 
    var province = $('#province').val(); 

     $.ajax({ 
      type:'POST', 
      url:'yourposturl', 
      data: province, 
      success:function(response){ 
       if (response = 'ERR') { 
       $("#response").html('Some error text'); 
       } 
       else { 
       $("#response").html('Some success text'); 
       } 
      } 
     }); 
     }); 
    </script> 

也请更改<label class="control-label" for="error">部分<label class="control-label" id="response" for="error">，如果你想用这种方法。