ssh jquery ajax json,SSH JQuery Json ajax请求返回List对象集合

最新推荐文章于 2023-11-27 11:39:47 发布

桑文锋

最新推荐文章于 2023-11-27 11:39:47 发布

阅读量97

点赞数

文章标签： ssh jquery ajax json

1.需要的jar文件：

2.struts.xml配置

listOne/[/d+/]/.id,listOne/[/d+/]/.typeName ,listTwo/[/d+/]/.id,listTwo/[/d+/]/.typeName ,listThree/[/d+/]/.id,listThree/[/d+/]/.typeName

3.JSP页面中

$(function (){ // 注册“顶级分类”触发生生一级分类事件 $("#stZerostts").change(function(){ $("#stZerostts option").each(function(i,o){ if($(this).attr("selected")) { ajaxSlOneList($(this).attr("value"),1); } }); }); }); $(function (){ // 注册“一级分类”触发生生二级分类事件 $("#stOnestts").change(function(){ $("#stOnestts option").each(function(i,o){ if($(this).attr("selected")) { ajaxSlTwoList($(this).attr("value"),2); } }); }); }); // ajax 请求图片动态显示 $("#loading").ajaxStart(function(){$(this).show();}); $("#loading").ajaxStop(function(){$(this).hide();}); // ajax请求生成一级分类 function ajaxSlOneList(father,mark){ var url = '/ajax/jaxIT!slOneList.do?father='+father+'&mark='+mark; jQuery.post(url,callbackFunOne, 'json'); } // ajax请求生成二级分类 function ajaxSlTwoList(father,mark){ var url = '/ajax/jaxIT!slTwoList.do?father='+father+'&mark='+mark; jQuery.post(url,callbackFunTwo, 'json'); } // 返回一级分类列表 function callbackFunOne(data1){ $("#stOnestts").empty(); $("#stOnestts").append("一级分类"); $("#stTwotts").empty(); $("#stTwotts").append("二级分类"); if(!$.isEmptyObject(data1.listOne)){ $.each(data1.listOne, function(i, n){ $("#stOnestts").append(""+n.typeName+""); }); } } function callbackFunTwo(data2){ $("#stTwotts").empty(); $("#stTwotts").append("二级分类"); if(!$.isEmptyObject(data2.listTwo)){ $.each(data2.listTwo, function(i, n){ $("#stTwotts").append(""+n.typeName+""); }); } }

请选择父类

顶级分类

一级分类

二级分类

动态的加载select选项。