首页 > 代码库 > structs2注解+jsp+ajax实现post异步加载select
structs2注解+jsp+ajax实现post异步加载select
流程:
1.点击加载btn发起异步请求post
2.后台处理请求返回数据
3.前端获取数据成功,对数据进行处理
前端:
html:首先要导入jq包,不然怎么用ajax呢。
<script type="text/javascript" src=http://www.mamicode.com/"js/jquery.js"></script>
<select name="warId" id="warId" style="height:100%;width:107px"> <option value=http://www.mamicode.com/"">所有仓库 ><script type="text/javascript"> $(document).ready(function(){ //这里实现的是: 点击class为add的按钮时加载仓库列表 $(".add").click(function(){ $.post("xxxx.do",function(data){ //要异步加载的action,和成功后的回调 var objs = data.warehouses; //对应action里的属性 var selObj = $("#wareId"); selObj.empty(); for (var i in objs) { var obj = objs[i]; addOption(selObj,obj.id,obj.warehouseName); //为Select追加一个Option(下拉项) } },"json"); //返回类型 }); }); function addOption(selObj,value,text){ var optionstring = "<option value=http://www.mamicode.com/"" + value + "/" >"+ text + "";>
后台structs:使用注解实现,
要注意的是声明类的时候要加注解:@ParentPackage("json-default")
方法声明注解: @Action(value = http://www.mamicode.com/"xxxx", results = @Result(name = "success", type="json"))
需要跳转页面就把type = "json" 换成 location = "/mobile/auction_detailed.jsp" 要跳转的页面
@ParentPackage("json-default") public class WarHouseAction extends ActionSupport { @Autowired private WarehouseService warehouseService; private List<Warehouse> warehouses; /** * 后台ajax * @return * 需要跳转页面就把type = "json" 换成 location = "/mobile/auction_detailed.jsp" 要跳转的页面 */ @Action(value = http://www.mamicode.com/"addGood_before", results = @Result(name = "success", type="json")) >
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。