作者在 2010-07-12 11:15:57 发布以下内容
新建一个html文件如
<html>
<head>
<title>ajax.html</title>
<script type="text/javascript" src="jqueryjs/values.js"></script>
<script type="text/javascript" src="jqueryjs/jquery-1.4.2.js"></script></head>
<body>
这是一个ajax的程序
请输入你的用户名:<input type="text" id="userName"/><div id="result"></div><br/>
<input type="button" value="提交" onclick="valvatio()"/>
</body>
</html>
上面jquery-1.4.2.js是库<head>
<title>ajax.html</title>
<script type="text/javascript" src="jqueryjs/values.js"></script>
<script type="text/javascript" src="jqueryjs/jquery-1.4.2.js"></script></head>
<body>
这是一个ajax的程序
请输入你的用户名:<input type="text" id="userName"/><div id="result"></div><br/>
<input type="button" value="提交" onclick="valvatio()"/>
</body>
</html>
在新建一个js文件
function valvatio(){
var userObject=$("#userName");//得到表单
var username=userObject.val();//得到表单的值
$.get("servlet/ValiServlet?name="+username,null,callback);//将得到的值传到servlet中，
}
function callback(data){//返回的方法，注间其中的data是一定要要的
var resultObj=$("#result");//得到div表单
resultObj.html("<font color='red'>"+data+"</font>");//将得到的值写入div中
}
在servlet中写var userObject=$("#userName");//得到表单
var username=userObject.val();//得到表单的值
$.get("servlet/ValiServlet?name="+username,null,callback);//将得到的值传到servlet中，
}
function callback(data){//返回的方法，注间其中的data是一定要要的
var resultObj=$("#result");//得到div表单
resultObj.html("<font color='red'>"+data+"</font>");//将得到的值写入div中
}
response.setContentType("text/html;charset=gbk");
PrintWriter out = response.getWriter();
String name=request.getParameter("name");//这里的name是在js中的name
if(name==null&&name.length()==0){
out.println("用户不能为空");
}
else{
if("yds".equals(name)){
out.println("用户名已经存在了");
}
else{
out.println("用户不存在");
}
}
}
PrintWriter out = response.getWriter();
String name=request.getParameter("name");//这里的name是在js中的name
if(name==null&&name.length()==0){
out.println("用户不能为空");
}
else{
if("yds".equals(name)){
out.println("用户名已经存在了");
}
else{
out.println("用户不存在");
}
}
}
