model : mmember.

php
<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class mmember extends CI_Model

{
var $table = 'member';

public function __construct()

{
parent::__construct();
$this->load->database();
}

public function get_all_user()

{
$this->db->from('member');
$query=$this->db->get();
return $query->result();
}

public function get_by_id($id)

{
$this->db->from($this->table);
$this->db->where('userid',$id);
$query = $this->db->get();
return $query->row();
}

public function member_add($data)

{
$this->db->insert($this->table, $data);
return $this->db->insert_id();
}

public function member_update($where, $data)

{
echo dump($data);
$this->db->update($this->table, $data, $where);
return $this->db->affected_rows();
}

public function delete_by_id($id)

{
$this->db->where('userid', $id);
$this->db->delete($this->table);
}

public function get_user_id_from_username($username) {

$this->db->select('userid');
$this->db->from($this->table);
// $this->db->from('member');
$this->db->where('name', $username);
return $this->db->get()->row('userid');

}
 public function get_user($user_id) {
$this->db->from($this->table);
// $this->db->from('member');
$this->db->where('userid', $user_id);
return $this->db->get()->row();

-----------------------------------------------------------------------------------
-----------------------------------------------

controller : cmemberajx.php
<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class cmemberajx extends CI_Controller {

public function __construct()

{
parent::__construct();
$this->load->helper('form','url');
$this->load->model('mmember');
$this->load->library(array('session'));
}

public function index()

{

$data['member']=$this->mmember->get_all_user();
$this->load->view("vheaderajx");
$this->load->view('vmemberajx',$data);
$this->load->view("vfooterajx");
}

public function member_add()

{
echo 'add data';
$data = array(
'userid' => $this->input->post('userid'),
'name' => $this->input->post('name'),
'password' => $this->input->post('password'),
'jurusan' => $this->input->post('jurusan'),
'prodi' => $this->input->post('prodi'),
'semester' => $this->input->post('semester'),
'imel' => $this->input->post('imel'),
'level' => $this->input->post('level'),
);
$add = $this->mmember->member_add($data);
echo json_encode(array("status" => TRUE));
}

public function ajax_edit($id)

{
 $data = $this->mmember->get_by_id($id);
echo json_encode($data);
}

public function member_update()

{

$data = array(
'userid' => $this->input->post('userid'),
'name' => $this->input->post('name'),
'password' => $this->input->post('password'),
'jurusan' => $this->input->post('jurusan'),
'prodi' => $this->input->post('prodi'),
'semester' => $this->input->post('semester'),
'imel' => $this->input->post('imel'),
'level' => $this->input->post('level'),
);
echo dump($data);
$update = $this->mmember->member_update(array('userid' => $this->input-
>post('userid')), $data);
echo json_encode(array("status" => TRUE));
}

public function member_delete($id)

{
$this->mmember->delete_by_id($id);
echo json_encode(array("status" => TRUE));
}

public function login($userid,$password)

{
if (resolve_user_login($userid, $password))
{
$user_id = $this->mmember-
>get_user_id_from_username($userid);
$user = $this->mmember->get_user($user_id);

// set session user datas

$_SESSION['user_id'] = (int)$user->userid;
$_SESSION['username'] = (string)$user->name;
$_SESSION['logged_in'] = (bool)true;
// $_SESSION['is_confirmed'] = (bool)$user->is_confirmed;
// $_SESSION['is_admin'] = (bool)$user->is_admin;

// user login ok
$this->load->view('vheaderajx');
$this->load->view('vloremipsum');
$this->load->view('vfooterajx');
echo json_encode(array("status" => TRUE));

}
else
{

echo json_encode(array("status" => FALSE));

}
 public function logout()
{

// create the data object

$data = new stdClass();

if (isset($_SESSION['logged_in']) && $_SESSION['logged_in'] === true)

{

// remove session datas

foreach ($_SESSION as $key => $value)
{
unset($_SESSION[$key]);
}

// user logout ok
$this->load->view('vheaderajx');
$this->load->view('vloremipsum');
$this->load->view('vfooterajx');

}
else
{

// there user was not logged in, we cannot logged him out,
// redirect him to site root
redirect('/');

-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
View : vheaderajx.php

<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="<?php echo base_url('assests/bootstrap/css/bootstrap.min.css')?>"
rel="stylesheet">
<link href="<?php echo
base_url('assests/datatables/css/dataTables.bootstrap.css')?>" rel="stylesheet">
<script src="<?php echo base_url('assests/jquery/jquery-3.1.0.min.js')?
>"></script>
<script src="<?php echo base_url('assests/bootstrap/js/bootstrap.min.js')?
>"></script>
<script src="<?php echo
base_url('assests/datatables/js/jquery.dataTables.min.js')?>"></script>
<script src="<?php echo
base_url('assests/datatables/js/dataTables.bootstrap.js')?>"></script>
 </head>
<body>

<div class="container-fluid">
<!--<div class="row">
<div class="col-sm-12" style="background-color:grey;"><h2>untuk
banner<h2></div>
</div>-->
<div class="row">
<div class="col-sm-12" style="background-color:white;"><nav class="navbar
navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Brand</a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home <span class="sr-
only">(current)</span></a></li>

<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">Master File <span
class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Member</a></li>
<li><a href="#">Supplier</a></li>
<li><a href="#">Product</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Partner</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">User</a></li>
</ul>
</li>
<li><a href="#">Support</a></li>
</ul>
<form class="navbar-form navbar-right">
<table>
<tr>
<!-- <td><a data-toggle="modal" href="#" >Registrasi |
</a></td>-->
<td><a data-toggle="modal" href="#registrasi" >Registrasi |
</a></td>
<!-- <td><a href="#" onclick="add_member()">Registrasi|</td>-->
<td><a data-toggle="modal" href="#login" > Login |</a></td>
<!-- <td><a href="#" onclick="linmeber()">Login |</td>-->
<td><a data-toggle="modal" href=""
onclick="logmember()">Logout</a> </td>
</tr>
</table>
<table>
<tr>
<td>Login us </td><td>:</td><td>user</td>
</tr>
</table>
</form>

</div>
</nav><h2></div>
</div>
</div>
-----------------------------------------------------------------------------------
-------------------------------------------------------------------------
View : vmemberajx.php

<div class="col-sm-8" >

<button class="btn btn-success" onclick="add_member()"><i class="glyphicon
glyphicon-plus"></i> Add User</button>
<br />
<br />
<table id="table_id" class="table table-striped table-bordered" cellspacing="0"
width="100%">
<thead>
<tr>
<th>User ID</th>
<th>Nama </th>
<th>Jurusan</th>
<th>Prodi</th>
<th>Semester</th>
<th>Emai</th>

<th style="width:125px;">Action
</p></th>
</tr>
</thead>
<tbody>
<?php foreach($member as $mem){?>
<tr>
<td><?php echo $mem->userid;?></td>
<td><?php echo $mem->name;?></td>

<td><?php echo $mem->jurusan;?></td>

<td><?php echo $mem->prodi;?></td>
<td><?php echo $mem->semester;?></td>
<td><?php echo $mem->imel;?></td>

<td>
<button class="btn btn-warning" onclick="edit_member(<?php echo $mem-
>userid;?>)"><i class="glyphicon glyphicon-pencil"></i></button>
<button class="btn btn-danger" onclick="delete_member(<?php echo $mem-
>userid;?>)"><i class="glyphicon glyphicon-remove"></i></button>
</td>
</tr>
<?php }?>
 </tbody>

<tfoot>
<tr>
<th>User ID</th>
<th>Nama </th>
<th>Jurusan</th>
<th>Prodi</th>
<th>Semester</th>
<th>Emai</th>

</tr>
</tfoot>
</table>

</div>

<!-- Bootstrap modal add -->

<div class="modal fade" id="modal_form1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-
label="Close"><span aria-hidden="true">&times;</span></button>
<h3 class="modal-title">Form Member</h3>
</div>
<div class="modal-body form">
<form action="#" id="form" class="form-horizontal">
<!-- <input type="hidden" value="" name="book_id"/>-->
<div class="form-body">
<div class="form-group">
<label class="control-label col-md-3">User ID</label>
<div class="col-md-9">
<input name="userid" placeholder="Type User ID" class="form-
control" type="text">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">User Name</label>
<div class="col-md-9">
<input name="name" placeholder="Type Name" class="form-control"
type="text">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Password</label>
<div class="col-md-9">
<input name="password" placeholder="Type password"
class="form-control" type="password">

</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Jurusan</label>
<div class="col-md-9">
<select class='form-control'
name='jurusan'>
<option value='Desain
Grafis'>Desain Grafis</option>
<option
value='Multimedia'>Multimedia</option>
<option
value='Penerbitan'>Penerbitan</option>
</select>

</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Prodi</label>
<div class="col-md-9">
<select class='form-control'
name='prodi'>
<option
value='Animasi'>Animasi</option>
<option
value='Fashion'>Fashion</option>
<option
value='Brodcast'>Brodcast</option>
</select>

</div>
</div>

<div class="form-group">
<label class="control-label col-md-3">Semester</label>
<div class="col-md-9">
<input name="semester" placeholder="Type Semester" class="form-
control" type="text">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Email</label>
<div class="col-md-9">
<input name="imel" placeholder="Type imeail" class="form-control"
type="text">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3">Level</label>
<div class="col-md-9">
<input name="level" placeholder="Type leavel" class="form-control"
type="text">
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" id="btnSave" onclick="save()" class="btn btn-
primary">Save</button>
<button type="button" class="btn btn-danger" data-
dismiss="modal">Cancel</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
 <!-- End Bootstrap modal -->
<!-- </div> -->
<div class="col-sm-1" style="background-color:white;"></div>
</div>

<script type="text/javascript">
$(document).ready( function () {
var table = $('#table_id').DataTable();
$('#container').css( 'display', 'block' );
table.columns.adjust().draw();

} );
var save_method; //for save method string
var table;

function add_member()
{
save_method = 'add';
$('#form')[0].reset(); // reset form on modals
$('#modal_form1').modal('show'); // show bootstrap modal
$('.modal-title').text('Add Member'); // Set Title to Bootstrap modal
title
}

function edit_member($id)
{
save_method = 'update';
$('#form')[0].reset(); // reset form on modals
$('#modal_form1').modal('show'); // show bootstrap modal
$('.modal-title').text('Update Member'); // Set Title to Bootstrap modal
title

//Ajax Load data from ajax

$.ajax({
url : "<?php echo site_url('index.php/cmember/ajax_edit/')?>/" +$id,
type: "GET",
dataType: "JSON",
success: function(data)
{
$('[name="userid"]').val(data.userid);
$('[name="name"]').val(data.name);
$('[name="password"]').val(data.password);
$('[name="jurusan"]').val(data.jurusan);
$('[name="prodi"]').val(data.prodi);
$('[name="semester"]').val(data.semester);
$('[name="imel"]').val(data.imel);
$('[name="level"]').val(data.level);

},
error: function (jqXHR, textStatus, errorThrown)
{
alert('Error get data from ajax');
}
// pesan error perline number
// error: function(xhr, status, error) {
// alert(xhr.responseText);
// }
 });
}

function save()
{
var url;
if(save_method == 'add')
{
url = "<?php echo site_url('index.php/cmember/member_add')?>";
}
else
{
url = "<?php echo site_url('index.php/cmember/member_update')?>";
}

// ajax adding data to database

$.ajax({
url : url,
type: "POST",
data: $('#form').serialize(),
dataType: "JSON",
success: function(data)
{
//if success close modal and reload ajax table
$('#modal_form1').modal('hide');
location.reload();// for reload a page
},
error: function (jqXHR, textStatus, errorThrown)
{
alert('Error adding / update data');
}
});
}

function delete_member(id)
{
if(confirm('Are you sure delete this data?'))
{
// ajax delete data from database
$.ajax({
url : "<?php echo site_url('index.php/cmember/member_delete')?>/"+id,
type: "POST",
dataType: "JSON",
success: function(data)
{

location.reload();
},
error: function (jqXHR, textStatus, errorThrown)
{
alert('Error deleting data');
}
});

}
}
 </script>
-----------------------------------------------------------------------------------
----------------------------------------------------------------

View : vfooterajx.php
<div class="row">
<div class="col-sm-1" style="background-color:white;"></div>
<div class="col-sm-10" style="background-color:white;">
<div class = "panel panel-default">
<div class = "panel-body">
<div align="center">Copyright@Nama Anda</div>
</div>
</div>
<div class="col-sm-1" style="background-color:white;"></div>
</div>

</div>

</div>
</body>
</html>