需求很簡(jiǎn)單,就是用js向后端請(qǐng)求,然后把請(qǐng)求的結(jié)果弄進(jìn)一個(gè)select里面。一開(kāi)始是用xmlrequest去請(qǐng)求后端一個(gè)groovy的url,得到一個(gè)xml,然后把xml的內(nèi)容填進(jìn)select里面去。做完老瞅著不順眼,正好在看ajax的資料,拿dwr改造一下。
js是我一直很頭疼的事了,尤其是對(duì)dom的操作上面,dwr感覺(jué)就是在直接調(diào)java接口,操作java對(duì)象,省事省心啊。
用dwr,先得在web.xml中配一下。
然后就是配dwr.xml文件了。
dwr和spring貼得比較緊,不用折騰,直接讓dwr去調(diào)spring中定義的bean了。
在ServerManager接口中定義了如下方法
List<Server> loadAll(User manager, ServerStatus status, String order);
因此,在dwr中定義了三個(gè)convert(一開(kāi)始沒(méi)配,結(jié)果怎么調(diào)都不成功)。
loadAll方法中的manager參數(shù),是用戶登錄成功后,session.setAttribute("user",user)存放的。在html里面,用js是無(wú)法讀到的,因此,自己定義了一個(gè)java bean。
同樣的,在dwr中配了一下
所有配置完成后,js代碼如下:
最終的配置文件:
js是我一直很頭疼的事了,尤其是對(duì)dom的操作上面,dwr感覺(jué)就是在直接調(diào)java接口,操作java對(duì)象,省事省心啊。
用dwr,先得在web.xml中配一下。
1
<servlet>
2
<servlet-name>dwr-invoker</servlet-name>
3
<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
4
<init-param>
5
<param-name>debug</param-name>
6
<param-value>true</param-value>
7
</init-param>
8
</servlet>
9
<servlet-mapping>
10
<servlet-name>dwr-invoker</servlet-name>
11
<url-pattern>/dwr/*</url-pattern>
12
</servlet-mapping>
13

2

3

4

5

6

7

8

9

10

11

12

13

然后就是配dwr.xml文件了。
dwr和spring貼得比較緊,不用折騰,直接讓dwr去調(diào)spring中定義的bean了。
1
<?xml version="1.0" encoding="UTF-8"?>
2
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd" >
3
<dwr>
4
<allow>
5
<create javascript="ServerManager" creator="spring">
6
<param name="beanName">ServerManager</param>
7
</create>
8
</allow>
9
</dwr>
10
我的project中,已經(jīng)在web.xml中配了spring的listener,直接寫(xiě)beanName就行。
2

3

4

5

6

7

8

9

10

在ServerManager接口中定義了如下方法
List<Server> loadAll(User manager, ServerStatus status, String order);
因此,在dwr中定義了三個(gè)convert(一開(kāi)始沒(méi)配,結(jié)果怎么調(diào)都不成功)。
1
<convert converter="bean" match="com.yninfo.sa.domain.Server" />
2
<convert converter="bean" match="com.yninfo.sa.domain.ServerStatus" />
3
<convert converter="bean" match="com.yninfo.sa.domain.User" />

2

3

loadAll方法中的manager參數(shù),是用戶登錄成功后,session.setAttribute("user",user)存放的。在html里面,用js是無(wú)法讀到的,因此,自己定義了一個(gè)java bean。
1
public class Remote
{
2
public User getUser(HttpSession session)
{
3
return (User) session.getAttribute("user");
4
}
5
}
6



2



3

4

5

6

同樣的,在dwr中配了一下
1
<create javascript="Remote" creator="new">
2
<param name="class" value="com.yninfo.sa.web.ajax.Remote" />
3
</create>

2

3

所有配置完成后,js代碼如下:
1
<script type='text/javascript' src='dwr/interface/Remote.js'></script>
2
<script type='text/javascript' src='dwr/interface/ServerManager.js'></script>
3
<script type='text/javascript' src='dwr/engine.js'></script>
4
<script type='text/javascript' src='dwr/util.js'></script>
5
<script>
6
function init()
{
7
Remote.getUser(
8
function(user)
{
9
ServerManager.loadAll(user,null,null,load);
10
});
11
}
12
function load(data)
{
13
for (var i=0; i<data.length; i++)
{
14
document.DailyRecordAdd.elements["model.serverId"].options[i]=
15
new Option(data[i].name,data[i].id);
16
}
17
}
18
window.onload = function ()
{
19
init();
20
}
21
</script>

2

3

4

5

6



7

8



9

10

11

12



13



14

15

16

17

18



19

20

21

最終的配置文件:
1
<?xml version="1.0" encoding="UTF-8"?>
2
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd" >
3
<dwr>
4
<allow>
5
<create javascript="ServerManager" creator="spring">
6
<param name="beanName">ServerManager</param>
7
<include method="add" />
8
<include method="findByPrimaryKey" />
9
<include method="loadAll" />
10
</create>
11
<create javascript="Remote" creator="new">
12
<param name="class" value="com.yninfo.sa.web.ajax.Remote" />
13
</create>
14
<convert converter="bean" match="com.yninfo.sa.domain.User" />
15
<convert converter="bean" match="com.yninfo.sa.domain.Server" />
16
<convert converter="bean" match="com.yninfo.sa.domain.ServerStatus" />
17
</allow>
18
</dwr>
19

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19
