<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/myAJAX.js"></script>
<script type="text/javascript">
var xmlHttpRequest = null;
function ajaxcheckNameGet(){
var username = document.getElementById("username").value;
if(username==""){
alert("请输入用户名");
return;
}
if(xmlHttpRequest==null){
xmlHttpRequest = createXMLHttpRequest();
}
xmlHttpRequest.open("get","AjaxRegisterServlet?username="+username,true);
xmlHttpRequest.onreadystatechange = ajaxCallBack;
xmlHttpRequest.send(null);
}
function ajaxcheckNamePost(){
var username = document.getElementById("username").value;
if(username==""){
alert("请输入用户名");
return;
}
if(xmlHttpRequest==null){
xmlHttpRequest = createXMLHttpRequest();
}
xmlHttpRequest.open("post","AjaxRegisterServlet",true);
xmlHttpRequest.onreadystatechange = ajaxCallBack;
xmlHttpRequest.setRequestHeader("content-type","application/x-www-form-urlencoded");
xmlHttpRequest.send("username="+username);
}
function ajaxCallBack(){
if(xmlHttpRequest.readyState==4){
if(xmlHttpRequest.status==200){
var msg = xmlHttpRequest.responseText;
document.getElementById("mySpan").innerHTML = msg;
}
}
}
</script>
</head>
<body>
用户名：<input type="text" name="username" id="username" onblur="ajaxcheckNamePost()"/>
<span id="mySpan"></span><br>
密码：<input type="password" name="password" id="password"/><br>
<!--
<form enctype="application/x-www-form-urlencoded"></form>
-->
</body>
</html>
function createXMLHttpRequest() {
// XMLHttpRequest
// alert(window.ActiveXObject);
// 判断是否是IE浏览器
// alert(window.XMLHttpRequest);
var xmlHttpRequest = null;
if (window.ActiveXObject) {
xmlHttpRequest = new XMLHttpRequest("microsoft.XMLHTTP");
// 根据IE浏览器的版本不同有可能要使用以下方式来创建
// new ActiveXObject();
// new ActiveXObject("XMLHTTP");
}
// 判断是否是FF、chrome等等浏览器
// 除了IE以外还支持这个对象的浏览器
else if (window.XMLHttpRequest) {
xmlHttpRequest = new XMLHttpRequest();
}
// 不支持这个对象的浏览器
else {
alert("你使用的浏览器暂不支持XMLHttpRequest对象");
}
return xmlHttpRequest;
}
package com.briup.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class AjaxRegisterServlet extends HttpServlet {
private String[] db = {"tom","zhangsan","lisi"};
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
System.out.println("in AjaxRegisterServlet");
req.setCharacterEncoding("UTF-8");
resp.setCharacterEncoding("UTF-8");
String username = req.getParameter("username");
PrintWriter out = resp.getWriter();
String msg = "用户名可以使用";
for(String findName:db){
if(findName.equals(username)){
msg = "用户名已经被占用";
break;
}
}
out.println(msg);
out.flush();
out.close();
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
doGet(req, resp);
}
}
分享到：
相关推荐
关于Ajax的常见面试题 1，Ajax和javascript的区别？ javascript是一种在浏览器端执行的脚本语言，Ajax是一种创建交互式网页应用的开发技术 ，它是利用了一系列相关的技术其中就包括javascript。 Javascript是由...
本卷从最易于理解和使用的那部分入手，介绍ASP.NET AJAX框架中能够与传统ASP.NET无缝对接的服务器端部分，包括服务器端ASP.NET AJAX Extensions与ASP.NET AJAX Control Toolkit。这部分内容不需要读者有任何的客户端...
Android Webview虽然提供了页面加载及资源请求的钩子，但是对于h5的ajax请求并没有提供干涉的接口，这意味着我们不能在webview中干涉javascript发起的http请求，而有时候我们确实需要能够截获ajax请求并实现一些功能...
在ajax中使用post方法，用常规的参数格式：param1=a1¶m2=a2 ，当参数长度过长时，依然提交不成功。比如我们经常这样写一个ajax的post请求： $.ajax({ type: "post", // post or get contentType:"application...
ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件
ajax ajax原理 ajax代码 ajax编程 ajax学习
ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效ajax特效
使用Ajax实现从服务器读取数据，包括Ajax实现的详细步骤
ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础...
学习的网上的一个ajax版注册程序，对界面进行了改变！是适合学习ajax的朋友的一个好的例子！
掌握 Ajax第 1 部分-Ajax 简介 掌握 Ajax第 2 部分-使用 JavaScript 和 Ajax 发出异步请求 掌握 Ajax第 3 部分-Ajax 中的高级请求和响应 掌握 Ajax第 4 部分-利用 DOM 进行 Web 响应 掌握 Ajax第 5 部分-操纵 DOM ...
ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件ajax控件...
并应用上述知识开发了8个基于AJAX的Web应用系统，如基于AJAX的文件和图像处理、AJAX祝福墙、AJAX留言簿、AJAX聊天室、AJAX RSS阅读器、AJAX相册、基于AJAX的电子邮件处理等。最后以两个大型的AJAX Web应用系统（基于...
Ajax + JavaScript + MySQL 实现的Ajax分页功能
Ajax Ajax本质 Ajax本质源码 Ajax Ajax本质 Ajax本质源码 Ajax Ajax本质 Ajax本质源码
第 1 部分:Ajax 简介 第 2 部分:: 使用 JavaScript 和 Ajax 发出异步请求 第 3 部分: Ajax 中的高级请求和响应 第 4 部分: 利用 DOM 进行 Web 响应 第 5 部分: 操纵 DOM 第 6 部分: 建立基于 DOM 的 Web 应用程序 第...
ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子ajax例子
ajax 分页ajax 分页ajax 分页
看到网上很多想用ajax的树的例子，很奇怪，明明TreeView自带AJAX功能，取非要自己去写一大堆代码， 工作量增加了，而性能又没有提高多少 正好自己这次用到了，就做了一个例子，供大家一起研究参考 注：顺便下载了一...
ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解 ajax详解ajax详解ajax详解