jquery ajax ,json

<script type="text/javascript">
//确认删除学生
function del(){
if(window.confirm("确定删除吗？")){
return true;
}
return false;
}

//全选
function checkAll(){
var all = document.getElementsByName("all")[0];
var students = document.getElementsByName("student");

if(all.checked){
for(var i=0; i<students.length; i++){
students[i].checked = true;
}
}else{
for(var i=0; i<students.length; i++){
students[i].checked = false;
}
}
}

//
function show(){
var studentTab = document.getElementById("studentTab");
var show = document.getElementById("show");
if(show.value == "隐藏"){
studentTab.style.display = "none";
show.value = "显示";
}else{
studentTab.style.display = "block";
show.value = "隐藏";
}
}

//批量删除
function batchDel(){
var students = document.getElementsByName("student");
var temp = new Array();
var num = 0;
for(var i=0; i<students.length; i++){
if(students[i].checked){
temp[num++] = students[i].value;
}
}
if(temp.length < 1){
alert("至少要选择一个学生！");
}else{
if(confirm("确定删除多个学生吗？")){
window.form1.action = "StudentServlet?method=batchDel";
window.form1.submit();
}
}
}

</script>

<script type="text/javascript" src="<%=basePath%>script/jquery-1.10.2.js"></script>

<script type="text/javascript">

$(function(){
$(":button").click(function(){
$.get(
"AjaxServlet",
{'username':$("#username").val()},
function(data){

},"script");
});
});

</script>

json

<script type="text/javascript">

$(function(){
$(":button").click(function(){
$.post(
"JSONServlet",
{},
function(data){
var html = "<table width='60%' border='1' align='center'>" +
  "<tr><th>id</th><th>name</th><th>age</th><th>gender</th><th>companyAddress</th><th>homeAddress</th></tr>";

for(var i=0; i<data.length; i++){
var user = data[i];
var id = user.id;
var name = user.username;
var age = user.age;
var gender = user.gender;
var homeaddr = user.address.homeaddr;
var compaddr = user.address.compaddr;
html += "<tr align='center'><td>"+id+"</td><td>"+name+"</td><td>"+age+"</td><td>"+gender+"</td><td>"+compaddr+"</td><td>"+homeaddr+"</td></tr>";
}


html += "</table>";

$("#tbody table:eq(0)").remove();
$("#tbody").append(html);
});
});
});

</script>

xml

<script type="text/javascript">

$(function(){
$(":button").click(function(){
$.post(
"XMLServlet",
{'username':$("#username").val()},
function(data,status){
var id = $(data).find("user").attr("id");
var name = $(data).find("username").text();
var age = $(data).find("age").text();
var gender = $(data).find("gender").text();
var address = $(data).find("address").text();

var table = "<table width='60%' border='1' align='center'><tr><th>id</th><th>name</th><th>age</th><th>gender</th><th>address</th></tr><tr align='center'><td>" + id + "</td><td>" + name + "</td><td>" + age + "</td><td>"+gender+"</td><td>" + address + "</td></tr></table>";

$("#tbody table:eq(0)").remove();
$("#tbody").append(table);
});
});
});

</script>

<script type="text/javascript">
  $(function(){
    //键盘输入的时候的操作
    $("#sname").keyup(function(){
     $.post("JSONStudentServlet",{'method':'findlist','sname':$("#sname").val()},
         function(data){
       var item = 0;
       $("#search li").remove();
                $("#search").remove();
               $("#tt").append("<div id='search' class='autocomplete'></div>");
       for(var i = 0;i<data.length;i++){
                              var student = data[i];
                              var sname = student.sname;
$("<li></li>").text(sname).appendTo("#search").addClass("clickable").hover(function(){
$(this).siblings().removeClass("highlight");
       $(this).addClass("highlight");
          
},function(){
$(this).removeClass("highlight");
});           
       }
              $("#search li").click(function(){
                 $("#sname").val($(this).text());
                $("#search li").remove();
                $("#search").remove();
                   });
       });    
     });
     //失去焦点的时候清空div和li的列表
   //$("#sname").blur(function(){
    // $("#search li").remove();
    ///   $("#search").remove();
   //});
            
            $("#searchstudent").click(function(){
                $.post("JSONStudentServlet",{'method':'find','sname':$("#sname").val()},
                    function(data){
                    // S.STUDENTID,S.SNAME,S.SEX,S.BIRTHDAY,S.HOMEADDR,S.CLASSID,S.SCORE
                    var table = "<table><tr><th>学号</th><th>姓名</th><th>性别</th><th>生日</th><th>住址</th><th>班级ID</th><th>综合成绩</th></tr>";
                    for(var i = 0;i<data.length;i++){
                        var student = data[i];
                        var sname = student.sname;
                        var sex = student.sex;
                        var studentid = student.studentid;
                        var birthday = student.birthday;
                        var homeaddr = student.homeaddr;
                        var classid  = student.classid;
                        var score = student.score;
                        table +="<tr><td>"+studentid+"</td><td>"+sname+"</td><td>"+sex+"</td><td>"+birthday+"</td><td>"+homeaddr+"</td><td>"+classid+"</td><td>"+score+"</td></tr>";
                        }
                        table +="</table>";
                        $("#aa table:eq(0)").remove();
                        $("#aa").append(table);
                    });
            });


   
    });

  </script>

 <script type="text/javascript">
  $(function(){
    $(":button").click(function(){
     $.post("JSONStudentServlet",{'sname':$("#sname").val()},
         function(data){
       var ol = "<ul>";
       for(var i = 0;i<data.length;i++){
      
       var student = data[i];
       var sname = student.sname;
       ol+="<li>"+sname+"</li>";
       }
       ol +="</ul>";


       if(data.length){$.each(data,function(index,item){
$
       });}
       $(ol).appendTo("#search").addClass("clickable").hover(function(){
       $(this).siblings().removeClass("highlight");
       $(this).addClass("highlight");
       },function(){
       $(this).removeClass("highlight");
      }).click(function(){
$("#sname").val();
      });
       });
     });
    });
  </script>

<script type="text/javascript">
        $(function(){
        $("#tt li").click(function(){
            alert($(this).text());
            });
        });
  </script>

<script type="text/javascript">
  $(function(){
    $(":button").click(function(){
     $.post("XMLServlet",{'sname':$("#sname").val()},
         function(data,status){
       var table="<table border='1'><tr><th>学生ID</th><th>姓名</th><th>性别</th><th>生日</th><th>班级</th><th>地址</th><th>综合分数</th></tr>";


       $(data).find("student").each(function(){
var student = $(this);
var studentid= student.attr("studentid");
       var sname =student.find("sname").text();
       var sex = student.find("sex").text();
       var score = student.find("score").text();
                 var homeaddr = student.find("homeaddr").text();
                 var birthday = student.find("birthday").text();
                 var classid = student.find("classid").text();  
                 table +="<tr><td>"+studentid+"</td><td>"+sname+"</td><td>"+sex+"</td><td>"+classid+"</td><td>"+birthday+"</td><td>"+homeaddr+"</td><td>"+score+"</td></tr>";
       });
         table +="</table>";
         $("#stuid table:eq(0)").remove();
         $("#stuid").append(table);
       });
     });
    });
  </script>