Ajax 的异步调用和批量修改

AJAX的异步调用的分层

有四个jsp页面，在index.jsp页面上

要在dataDiv出显示调用的的数据回显到此处，可以让showStudent2.jsp页面的数据回调到此处，$("#dataDiv").load(url)加载，注 var data=$("f").serialize()表单数据序列化

 <script>
      function go(page)
      {
          $("#current").val(page);
          var data = $("#f").serialize(); //  xh=1&xm=yyy&

          var url = "${pageContext.request.contextPath}/showStudent2?"+data;

          $("#dataDiv").load(url);

      }

      go();
    </script>

在showStudent2.jsp页面上

回调之后的显示

*****使用AJAX批量的修改showStudent.jsp页面上的显示如下

ajax代码

      //批量启用
      function batchEnable(status)
      {
            //得到选中id
            var ids = "-1";
            $(".chk:checked").each(function(){
                ids = ids+","+this.value;

            }); 

           var url = '${pageContext.request.contextPath}/changeStatus2';
           var data = {ids:ids,status:status};
           var callback = function(data)
           {

                //修改界面
               $(".chk:checked").each(function(i,o){

                       if (status==)
                       {
                            var tr = $(o).parent().parent();
                            tr.children("td").eq().html("已启用");
                             tr.children("td").eq().children("button:first").html("禁用");
                        }
                        else
                      {
                            var tr = $(o).parent().parent();
                            tr.children("td").eq().html("已禁用");
                             tr.children("td").eq().children("button:first").html("启用");
                        }

               });

           }
           $.post(url,data,callback);
      }

      function update(xh)
      {
          var url = '${pageContext.request.contextPath}/toUpdateView/'+xh;
          location  = url;

      }