第一个ajax小demo

姜小白-

于 2015-03-23 22:33:10 发布

阅读量7.8k

点赞数 3

分类专栏： ajax 文章标签： ajax xmlhttprequest 方法回调 javascript

本文链接：https://blog.csdn.net/magi1201/article/details/44569657

版权

之前转过两篇ajax的文章，今天终于自己动手写了一个ajax的小demo，体验一下ajax的神奇之处，记录下来，纯属个人学习代码，分享给初学的朋友们。

前台部分

<%@ 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; charset=UTF-8">
<title>AjaxDemo</title>
</head>
<body>
	<center>
		<table>
			<caption>Ajax Demo</caption>
			<tr><td colspan="3"> </td></tr>
			<tr>
				<td>username</td>
				<td><input name="username" οnchange="checkUsername()"></td>
				<td id="usernameTips"> </td>
			</tr>
		</table>
	</center>
	<script type="text/javascript">
		// 校验username是否被占用
		function checkUsername(){
			// 定义ajax变量xmlhttp
			var xmlhttp;
			
			// 创建xmlhttp
			if (window.XMLHttpRequest){
				xmlhttp = new XMLHttpRequest;
			} else {
				xmlhttp = new ActiveObjec