dwr框架的简单应用

 

刚学习了dwr框架，还不太会用，关键是不知道在何处使用，幸得高人提醒，在注册用户时不需要点击注册才能检测是否重名，所以本例是在你一输入用户名，在你离开此输入框时，自行调用js文件，从而 进行判断是否重名，参考事例，京东注册界面。

啥话都不说，直接上代码

注册的页面index.jsp:

 

 

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

	<script type="text/javascript">
 window.onload=function()
  {
$(function(){
	$('#zhuce').focus(function(){//获取焦点事件
	$("#zhuce").blur(function(){//失去焦点事件
	var name = dwr.util.getValue("zhuce");
	Panduan.panduan(name, my);
	});
	
	});

});
}
var my = function callBack(data) {
	//判断放回值是否为true
	if (data) {
		//如果返回值是true,就显示重名。
		dwr.util.setValue("error", "重名");

	}
}

</script>

</pre><pre name="code" class="javascript">

</pre><pre name="code" class="javascript"><pre name="code" class="html">                  <H1>
			注册
		</H1>
		<input type="text" id="zhuce" />
		<span ID='error'></span>

 

 

注意：

 

 

 

         上面必须要有jquery.js文件，要点就是先获取zhuce的焦点事件，在获取他的失去焦点事件，就是默认用户在注册的时候先点击输入，在失去焦点事件的时候，就是用户已

         经输入结束，这个时候使用dwr框架，判断是否重名。这里name就是传递过去的参数，而data就是传递到前台的参数。

dwr框架的配置文件（dwr.xml）:

 

                 <create creator="new" javascript="Panduan" scope="application">
			<param name="class" value="com.neusoft.dwr.Panduan" />
		</create>

 

 

具体的类中：

package com.neusoft.dwr;

public class Panduan {
public boolean panduan(String name){
	System.out.println("检测啦。");
	System.out.println("用户名："+name);
	if("tom".equals(name)){
		return true;
	}
	return false;
}
}

在本例中，主要就是获取焦点事件和失去焦点事件，向后台传递参数，将后台结果返回在前台页面上。