struts2下利用ajax实现异步刷新
2012-08-30 21:02
447 查看
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<base href="<%=basePath%>">
<title>添加用户</title>
<script type="text/javascript">
var xmlhttp;
function test(){
var username = document.getElementById("userName").value;
//创建ajax中的XMLHttpRequest对象,针对于不同浏览器
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
xmlhttp = new ActiveXObject("MSXML2.XMLHTTP.6.0")
}
xmlhttp.onreadystatechange= test1;
xmlhttp.open("GET","checkUserName.action?userName="+username, true);
xmlhttp.send(null);
}
function test1(){
var sp = document.getElementById("msg");
if(xmlhttp.readyState==4){
var flag = xmlhttp.responseText;
if(flag==0)
sp.innerHTML = "<font color='red'>用户名已存在</font>";
else if(flag==1)
sp.innerHTML = "<font color='green'>用户名可以使用</font>";
}
}
</script>
</head>
<body>
<s:form theme="xhtml" action="addUser.action" method="post">
<%
String str = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
String password = "";
for (int i = 0; i < 6 ; i++) {
int k = (int) (Math.random() * 36);
char c = str.charAt(k);
password += c ;
}
session.setAttribute("password",password);
%>
<s:textfield id="userName" name="userName" label="用户名" onblur="test()"></s:textfield>
<span id="msg"></span><<br/>
<s:textfield value="%{#session.password}" name="password" label="密码"></s:textfield>
<s:select label="请选择该用户的角色" name="roleName" list="{'teacher','admin','browser'}">
</s:select>
<s:submit value="提交"></s:submit>
</s:form>
</body>
</html>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<base href="<%=basePath%>">
<title>添加用户</title>
<script type="text/javascript">
var xmlhttp;
function test(){
var username = document.getElementById("userName").value;
//创建ajax中的XMLHttpRequest对象,针对于不同浏览器
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
xmlhttp = new ActiveXObject("MSXML2.XMLHTTP.6.0")
}
xmlhttp.onreadystatechange= test1;
xmlhttp.open("GET","checkUserName.action?userName="+username, true);
xmlhttp.send(null);
}
function test1(){
var sp = document.getElementById("msg");
if(xmlhttp.readyState==4){
var flag = xmlhttp.responseText;
if(flag==0)
sp.innerHTML = "<font color='red'>用户名已存在</font>";
else if(flag==1)
sp.innerHTML = "<font color='green'>用户名可以使用</font>";
}
}
</script>
</head>
<body>
<s:form theme="xhtml" action="addUser.action" method="post">
<%
String str = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
String password = "";
for (int i = 0; i < 6 ; i++) {
int k = (int) (Math.random() * 36);
char c = str.charAt(k);
password += c ;
}
session.setAttribute("password",password);
%>
<s:textfield id="userName" name="userName" label="用户名" onblur="test()"></s:textfield>
<span id="msg"></span><<br/>
<s:textfield value="%{#session.password}" name="password" label="密码"></s:textfield>
<s:select label="请选择该用户的角色" name="roleName" list="{'teacher','admin','browser'}">
</s:select>
<s:submit value="提交"></s:submit>
</s:form>
</body>
</html>
相关文章推荐
- Ajax异步刷新地址栏url改变(利用Html5 history.pushState实现)
- jquery+ajax+struts实现异步刷新
- 利用JQuery实现ajax异步刷新页面
- 利用JQuery+Ajax实现aspx页面无刷新异步请求
- 静态页中利用AJAX.NET实现无刷新页面(二)
- struts+ajax+jquery:实现异步新增数据
- 静态页中利用AJAX.NET实现无刷新页面(高级应用)
- 静态页中利用AJAX.NET实现无刷新页面
- django 1.4 利用jquery实现ajax ‘get|post’异步请求
- 利用AJAX技术实现网页无刷新进度条显示
- struts1与struts2整合ajax实现异步调用(服务器端实现)
- goahead 利用ajax实现局部刷新
- jQuery+AJAX+Struts实现无刷新分页
- 利用Ajax实现页面局部刷新
- 利用ashx实现AJAX的异步数据调用
- AJAX实现异步刷新
- 利用Ajax实现无刷新回贴demo
- 利用AJAX与数据岛实现无刷新绑定
- JS与Ajax实现异步局部刷新的原理
- 利用ajaxfileupload插件实现无刷新文件上传