您的位置：首页 > 其它

DWR 实现Ajax的简单例子

2015-12-25 09:04 501 查看

1、将dwr.jar包放在web-info/lib目录下
2、编辑web.xml文件，添加servlet

Java代码

<servlet>

  <servlet-name>dwr-invoker</servlet-name>

  <display-name>DWR Servlet</display-name>

  <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>

  <init-param>

     <param-name>debug</param-name>

     <param-value>true</param-value>

  </init-param>

</servlet>

<servlet-mapping>

  <servlet-name>dwr-invoker</servlet-name>

  <url-pattern>/dwr/*</url-pattern>

</servlet-mapping>

3、编写类：test.CheckUser

Java代码

package test;



public class CheckUser {

public String check(String name){

//访问数据库验证信息

if(name.startsWith("cc")){

  return "用户已经存在";

}

else{

  return "可以使用该用户";

}

}

}

4、创建配置文件并在配置文件中配置CheckUser类。

Java代码

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE dwr PUBLIC

    "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"

    "http://getahead.org/dwr/dwr20.dtd">



<dwr>

  <allow>

    <create creator="new" javascript="CheckUser">

      <param name="class" value="test.CheckUser"/>

    </create>

  </allow>

</dwr>

5、编写index.jsp页面，实现效果。
在页面文件中实现效果
1）在javascript中通过使用dwr.util.getValue() 来获取页面中某个页面元素的值。
2）直接调用后台java类的方法，传递方法参数和“异不调用返回后的处理脚本函数"
3）”在处理脚本函数“中我们可以通过dwr.util.setValue（”控件ID",值）来个控件更新数据。
4）为了让javascript脚本中可以调用java类的方法我们需要在dwr.xml文件中申明java类。
注意：在页面中需要包含引入：
<script type='text/javascript' src='/test/dwr/interface/CheckUser.js'></script>
<script type='text/javascript' src='/test/dwr/engine.js'></script>
<script type='text/javascript' src='/test/dwr/util.js'></script>
否则会出现脚本错误

Java代码

<html>

<head>

<script type='text/javascript' src='/test/dwr/interface/CheckUser.js'></script>

<script type='text/javascript' src='/test/dwr/engine.js'></script>

<script type='text/javascript' src='/test/dwr/util.js'></script>



<script LANGUAGE=javascript>



</script>

</head>

<body>

<input type="text" id="username"/>

<input value="check" type="button" onclick="check()"/>

<br/>

<span id="result"></span>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： ajax dwr

相关文章推荐

新的分享

章节导航