jQuery Ajax.jpg

Jquery Ajax的用法

          $.ajax({
                    //请求方式
                    type: 'post',
                    //请求地址
                    url:"findStudent.action",
                    //请求数据
                    data:{
                    //键值对格式
                        id:$('#userId').val()
                    },
                    //成功时调用的函数
                    success:function (students) {
                        //jQuery的遍历集合方法 students表示要遍历的集合，i是下标，student是集合里面的元素
                        $.each(students,function (i,student) {
                            var child = "<tr><td>"+ student.studentNo+"</td>"
                                +"<td>"+student.studentName + "</td>"
                                +"<td>"+student.sex + "</td>"
                                +"<td>"+student.gradeId + "</td>"
                            +"<td>"+student.address + "</td>"+"<tr>"
                            $('tbody').append(child)
                        })
                    },
                    error:function (){
                        alert('哈哈')
                    }
                })

jQuery循环的用法

//students 要遍历的集合，  i 下标 ，student 每一个对象
$.each(students,function (i,student) {
                        if (i % 2 === 0) {
                            color = "<tr style='background-color: rgba(128,128,128,0.2)'><td>";
                        } else {
                            color = "<tr><td>";
                        }
                        child = color+ student.studentNo + "</td>"
                            + "<td>" + student.studentName + "</td>"
                            + "<td>" + student.sex + "</td>"
                            + "<td>" + student.gradeId + "</td>"
                            + "<td>" + student.address + "</td>"
                            + "<td> <a href='doEdit.go?id="+student.studentNo +"'>修改</a></td></tr>";
                        $('tbody').append(child);
                    })