关闭

structs2注解+jsp+ajax实现post异步加载select

907人阅读 评论(0) 收藏 举报
分类:

转载自:http://www.2cto.com/kf/201405/299980.html

流程:

1.点击加载btn发起异步请求post

2.后台处理请求返回数据

3.前端获取数据成功,对数据进行处理


前端:

html:首先要导入jq包,不然怎么用ajax呢。

?
1
<script type="text/javascript" src="js/jquery.js"></script>

?
1
2
3
<select name="warId" id="warId" style="height:100%;width:107px">
    <option value="">所有仓库 </option>
</select>

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<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="\""" +="" "\"="">"+ text + "</option>";
    selObj.append(optionstring); //为Select追加一个Option(下拉项)          
}
</script>

后台structs:

使用注解实现,

要注意的是声明类的时候要加注解:@ParentPackage("json-default")

方法声明注解: @Action(value = "xxxx", results = @Result(name = "success", type="json"))

需要跳转页面就把type = "json" 换成 location = "/mobile/auction_detailed.jsp" 要跳转的页面


?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
@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 = "addGood_before", results = @Result(name = "success", type="json")) 
    public String addGoodBefore(){
        warehouses = warehouseService.findAllEnableWarehouses();   //这个是返回到页面的
        return "success";
    }
 
    public WarehouseService getWarehouseService() {
        return warehouseService;
    }
 
    public void setWarehouseService(WarehouseService warehouseService) {
        this.warehouseService = warehouseService;
    }
 
    public List<warehouse> getWarehouses() {
        return warehouses;
    }
 
    public void setWarehouses(List<warehouse> warehouses) {
        this.warehouses = warehouses;
    }
}
</warehouse></warehouse></warehouse>


0
0
查看评论

structs2注解+jsp+ajax实现post异步加载select

流程: 1.点击加载btn发起异步请求post 2.后台处理请求返回数据 3.前端获取数据成功,对数据进行处理
  • u011371612
  • u011371612
  • 2014-05-11 22:34
  • 1246

Struts2--请求的配置与注解

官方文档:http://struts.apache.org/docs/ 1 基于配置文件的处理请求Demo 在SayHello.jsp页面填写对谁说Hello,提交后后台处理跳转到处理页面。 web.xml配置<!-- 核心控制器 --> <filter> ...
  • BtWangZhi
  • BtWangZhi
  • 2017-07-04 23:48
  • 274

jQuery_review之通过$.get()和$.post()方法来实现异步加载

$.get()和$.post()这两个方法,顾名思义,一个就是通过get方法来获取数据,另外一个通过post方法来获取数据。这两个方法在具体有什么区别呢?重点有三个方面的区别,第一个get传送的数据理论在2KB之内,post方法原则上是不受限制的。第二个方面,一个在地址栏上会显示当前的请求内容,这种...
  • ziwen00
  • ziwen00
  • 2014-07-27 20:20
  • 2486

使用@Select注解时使用in传入ids数组作为参数

最近用到Mybatis的注解sql方式,结果发现在传入多个id作为参数跟xml的用法不太一样,到网上搜罗了一些方法,很多都会报错,最后如下方法调通了,重点已标红 @Select({ "", "select", ...
  • fish39390204
  • fish39390204
  • 2017-08-28 12:49
  • 318

struts2注解方式实现数据验证

前言:验证分为数据格式验证和业务逻辑验证,也可分为客户端验证和服务器端的验证。struts2的验证对于客户端验证意义不大,因为客户端验证完全可以用js实现。 package com.belstar.action; import java.util.ArrayList; import java....
  • ld513508088
  • ld513508088
  • 2012-03-27 15:22
  • 3189

dijit.form.Select菜单项的数据通过rest加载

添加rest服务所需jar包 略过 web.xml文件配置 <web-app id="WebApp_ID" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" x...
  • earthhour
  • earthhour
  • 2013-06-04 18:51
  • 1027

关于dijit.form.Select 动态添加等基本操作

在页面中,其用法为: name="select1" data-dojo-type="dijit.form.Select"> value="TN">Tennessee value="VA&qu...
  • xzchenxiao
  • xzchenxiao
  • 2011-12-31 15:37
  • 6175

我写了一个jsp+ajax简单聊天室

 [Y2T22]首页 - 讨论区 - 我写了一个jsp+ajax简单聊天室 返 回|发 帖回 帖 上一篇下一篇 >   ***中文问题,有兴趣可以解决一下***************/  /****index.jsp****/ ...
  • wang_zilu
  • wang_zilu
  • 2009-02-20 10:28
  • 1553

jQuery:$post、$get、$ajax与php,实现异步加载

jQuery:$post、$get、$ajax与php,实现异步加载 什么是异步加载? 整个最通俗的说法就是将另外一个页面上的数据通过append() 或者 html()等函数插入到本页上。纯js写法responseXML 或 responseText插入到页面中。 另外一个页可以是静态页...
  • jaray
  • jaray
  • 2014-02-13 17:16
  • 1294

MyBatis注解select in参数

/**  *   * @param ids '1,2,3'  * @return  */ @Select("select * from user_info where id in (${ids})") ...
  • lzx1104
  • lzx1104
  • 2014-12-06 16:34
  • 5551
    个人资料
    • 访问:1769573次
    • 积分:21653
    • 等级:
    • 排名:第410名
    • 原创:201篇
    • 转载:1111篇
    • 译文:2篇
    • 评论:207条
    程序员日记
    微信扫描关注我!
    个人淘宝
    博客专栏
    最新评论