20180404 学习项目系统笔记

JQuery Ajax的分页查询：

1.  <script type="text/javascript">
2. window.οnlοad=function(){
3. var page="[<a href='https://www.baidu.com'>0<a>]";
4. $.ajax({ 
5.     url: "http://localhost:8086/ee/student/getStudentList",    
6.     type: "GET",      
7.     data: {"rows":4,"page":2}, 
8.     contentType:'application/json;charset=UTF-8',
9.     success: function(data) {    
10.      console.log(data);
11.      var con;
12.         $.each(data.rows,function(index,rows){
13.          con+="<tr>"+"<th>"+rows['id']+"</th>"+"<th>"+rows['name']+"</th>"+"<th>"+
14.          rows['age']+"</th>"+"<th>"+rows['sex']+"</th>"+"<th>"+rows['grade']+"</th>"+"<th>"+rows['student_class']+"</th>"+"<th>"+rows['profession']+"</th>"+
15.          "</th>"+"<th>"+'<button class="btn-update" οnclick="update()" id="idValue">修改</button>'+"</th>"+"<th>"+'<button class="btn-delete" οnclick="shanchu('+rows['id']+')">删除</button>'+"</th>"+"</tr>";
16.         })
17.         page+="[<a href='https://www.baidu.com'>1<a>]"+"[<a href='https://www.baidu.com'>2<a>]"+"[<a href='https://www.baidu.com'>3<a>]"+"[<a href='https://www.baidu.com'>4<a>]";
18.         console.log(con);
19.         $("#show").html(con);
20.         $("#showpage").html(page);
21.     },    
22.     error: function(data){    
23.         alert("传输出错");    
24.     }    
25. });  
26. }