东莞市盛裕绒艺玩具有限公司

东莞市盛裕绒艺玩具有限公司

乐众娱乐官方网址

15286546142
联系方式
全国服务热线: 15286546142

咨询热线:15266903220
联系人:陈泳怡
地址:西藏自治省拉萨市城关区罗堆中路(民航退休基地隔壁)

Ajax 的异步调用和批量修改

来源:乐众娱乐官方网址   发布时间:2019-06-26   点击量:185

AJAX的异步调用的分层

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

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

1 <script> 2 function go(page) 3 { 4 $("#current").val(page); 5 var data = $("#f").serialize(); // xh=1&xm=yyy& 6 7 var url = "${pageContext.request.contextPath}/showStudent2?"+data; 8 9 $("#dataDiv").load(url);10 11 }12 13 go(1);14 </script>

在showStudent2.jsp页面上

回调之后的显示

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

 

ajax代码

1 //批量启用 2 function batchEnable(status) 3 { 4 //得到选中id 5 var ids = "-1"; 6 $(".chk:checked").each(function(){ 7 ids = ids+","+this.value; 8 9 }); 10 11 var url = "${pageContext.request.contextPath}/changeStatus2";12 var data = {ids:ids,status:status};13 var callback = function(data)14 {15 16 //修改界面17 $(".chk:checked").each(function(i,o){18 19 if (status==1)20 {21 var tr = $(o).parent().parent();22 tr.children("td").eq(4).html("已启用");23 tr.children("td").eq(5).children("button:first").html("禁用");24 }25 else 26 {27 var tr = $(o).parent().parent();28 tr.children("td").eq(4).html("已禁用");29 tr.children("td").eq(5).children("button:first").html("启用");30 }31 32 });33 34 35 }36 $.post(url,data,callback);37 }38 39 40 function update(xh)41 {42 var url = "${pageContext.request.contextPath}/toUpdateView/"+xh;43 location = url;44 45 }

 

相关产品

COPYRIGHTS©2017 乐众娱乐官方网址 ALL RIGHTS RESERVED 备案号:185