datatables之ajax请求

1.（1）引入js,css,带bootstrap样式

   <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
   <link rel="stylesheet" href="bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
   <script src="bower_components/jquery/dist/jquery.min.js"></script>
   <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
   <script src="bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>

 （2）引入js,css,datatables默认样式

 <link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
 <script src="jquery.min.js"></script>
 <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>

2.html结构

<table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%">
		<thead>
			<tr>
				<th><input type="checkbox" class="checkbox_all"></th>
				<th>姓名</th>
				<th>性别</th>
				<th>邮件</th>
				<th>年龄</th>
			</tr>
		</thead>
	</table>

3.js代码

	$(function(){
			let options={
			'order':[[3,'desc']],//指定表中第四列降序
			//设置自定义语言
			"language":{
				search:'搜索',//右上角切换为中文
				searchPlaceholder:'请输入',//搜索框提示
				lengthMenu:'每页显示_MENU_条记录',//左上角
				zeroRecords:'抱歉,没有找到数据',
				infoEmpty:'没有数据',
				infoFiltered:"(从_MAX_条数据检索)",
				info:'显示第_START_到第_END_条记录，共_TOTAL_条',//左下角
				paginate:{'next':'下页','previous':'下页','first':'第一页','last':'最后一页'}//分页
			},
			"ajax":{
				"url":'data.json',
				"type":'get',
				"dataType":'json',
				"dataSrc":function(data){
					return data.employees
				}
			},
			"columns":[
			{"data":null,'sortable':false,render:function (data,type,full) {
				/*console.log(data)*///此参数data指的是整个employees所对应的值
                       var check='<input type="checkbox" class="checkbox_select">'
                       return check //该返回值将显示到表中
                   }},//输出多选框并且第一列不可排序 
			{
				"data":'name'
			},{
				"data":'sex',render:function(data,type,full)
				{	console.log(data) //此data指的是sex对应的值
					if(parseInt(data)===0){return '女'}
                        else{return '男'}
				}
			},{
				"data":'email'
			},{
				"data":'age'
			}]
		}
		$("#example").DataTable(options)
		})

详情参考  datatables常规参数