<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!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; UTF-8"><title>使用AJAX 通过无刷新验证账号是否存在</title></head><body><!-- 使用AJAX 通过无刷新验证账号是否存在 --><span>输入账号 :</span><input id="name" name="name" onkeyup="check()" type="text"> <span id="checkResult"></span> <script>var xmlhttp;function check(){ var name = document.getElementById("name").value; var url = "checkName.jsp?name=" name; xmlhttp =new XMLHttpRequest(); xmlhttp.onreadystatechange=checkResult; //响应函数 xmlhttp.open("GET",url,true); //设置访问的页面 xmlhttp.send(null); //执行访问} function checkResult(){ if (xmlhttp.readyState==4 && xmlhttp.status==200) document.getElementById('checkResult').innerHTML=xmlhttp.responseText; } </script></body></html>
评论